Этот
кусок кода из одной большой страницы.
Проблема в том что кусок кода не работает как аккордеон*, т.е. два элемента можно держать открытыми одновременно.
- Да, JS подключен.
- Да, ошибок в консоле нет.
- Да, документацию читал.
- Да, элементы открываются и закрываются по клику, суть проблемы изложена выше.
<div class="col-sm-3 col-md-2 sidebar" id="sidebar-collapse">
<ul class="nav nav-sidebar">
<li>
<a data-toggle="collapse" data-parent="#sidebar-collapse" href="#category-4">Категория 0</a>
<ul class="nav nav-tutorial collapse" id="category-4">
<li>
<a href="/ajax/articleget?id=1">Acer Aspire V5</a>
</li>
<li>
<a href="/ajax/articleget?id=10">asdasd</a>
</li>
</ul>
</li>
<li>
<a data-toggle="collapse" data-parent="#sidebar-collapse" href="#category-5">Категория 1</a>
<ul class="nav nav-tutorial collapse" id="category-5">
<li>
<a href="/ajax/articleget?id=8">sdfsdfsd</a>
</li>
</ul>
</li>
<li>
<a data-toggle="collapse" data-parent="#sidebar-collapse" href="#category-6">Категория 2</a>
</li>
</ul>
</div>
*для тех кто не знает что такое "аккордеон":
Аккордеонами этот тип меню назвали в честь музыкального инструмента (нам, конечно ближе баян, или гармонь :) ), потому что в нем, как в гармошке, расширение одной области происходит за счет сжатия другой. В типичных случаях высота аккордеона фиксирована, поэтому в один момент времени может быть видна одна – и только одна – область меню; однако, некоторые аккордеоны позволяют скрыть и эту область – так что вообще все пункты меню оказываются свернутыми.
