WordPress как на ладони
wordpress jino

Bootstrap Accordion Menu на WordPress

Добрый день.
Подскажите как натянуть bootstrap аккордион меню на WP.
Меню из 3-ёх пунктов. Может попробывать реализовать как три отдельных меню?

Вот такой код:

<div class="panel-group" id="accordion2" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a href="#collapseOne">
Пункт №1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel">
<div class="list-group">
<a href="#" class="list-group-item active">
<span>Подпункт 1.1</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 1.2</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 1.3</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 1.4</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 1.5</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 1.6</span>
</a>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" href="#collapseTwo">
Пункт №2
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
<div class="list-group">
<a href="#" class="list-group-item">
<span>Подпункт 2.1</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 2.2</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 2.3</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 2.4</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 2.5</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 2.6</span>
</a>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" href="#collapseThree">
Пункт №3
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel">
<div class="list-group">
<a href="#" class="list-group-item">
<span>Подпункт 3.1</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 3.2</span>
</a>
<a href="#" class="list-group-item">
<span>Подпункт 3.3</span>
</a>
</div>
</div>
</div>
</div>

0
Гость 1.4 года назад

Нет ответов на этот вопрос.

На вопросы могут отвечать только зарегистрированные пользователи. Регистрация. Вход.