LINUX.ORG.RU

Bootstrap 3 (js)

 ,


0

1

Всем привет!

Друзья - товарищи! Не могу победить одну бобуйню с бутстреповским аккордионом. Есть следующая структура меню:

<div id="secondary_navigation" class="side_menu">
     <div class="panel-group" id="accordion">
         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Parent_link</a>
     </div>
     <div id="collapseOne" class="panel-collapse collapse in">
         <a href="">1</a><br>
         <a href="">2</a><br>
         <a href="">3</a><br>
         <a href="">4</a><br>
         <a href="">5</a><br>
         <a href="">6</a>
     </div>

     ...

</div>

Есть js-ка:

<script type="text/javascript">
  $(document).ready(function() {
    $('a.accordion-toggle').collapse({
       hide: false
    });
  })
</script>

Как сделать: 1) Чтобы по-дефолту пункты меню не были открыты и 2) Аккордион должен работать таким образом, чтобы открыт был только один пункт (т.е. при открытии второго - первый закрывался и т.д.)

Я новичок в js, посему можно чуть поразвернутие). Заранее спасибо!



Последнее исправление: djnoob (всего исправлений: 1)

1) Лезем в справку на сайте бутстрапа:

.collapse hides the content .collapse.in shows the content

2) Он так и работает по умолчанию

anonymous
()
28 февраля 2014 г.

за открытый пункт по дефолту отвечает класс «in», убери его и будет тебе счастье

anonymous
()
19 апреля 2015 г.

про то, как сделать свернутыми по умоланию написали,убрать in и будет свернуто... а как сделать так, чтоб таки когда наживаешь на другой пункт закрывался предыдущий нашлось решение????? второй день не могу этого добиться, а нужно

whitecat
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.