Собственно есть html
CODE (
html):
скопировать код в буфер обмена
<h5 class="page-header item-title" style="margin-left: 5px;">
<a href="/journal/index.php?option=com_journal&view=category&id=9&Itemid=104&lang=ru"> Журналы</a>
<a class="btn btn-mini pull-right" data-toggle="collapse" href="#category-9">
<span class="icon-plus"></span>
</a>
</h5>
<div id="category-9" class="collapse fade">
// Тут такая же структура повторяется 4 раза, но с разными id.
</div>
нужно чтобы <span class="icon-plus"></span> менялось на <span class="icon-minus"></span> если div#category-9 раскрыт.
Проблем отловить клик по кнопке нету.
CODE (
javascript):
скопировать код в буфер обмена
$('.pull-right').click(function(){
console.log(1);
//$('span', this).attr('class', 'icon-minus');
});
Проблема в том что при нажатии 1 раз click срабатывает 5 раз. И даже если кликать по вложенным кнопкам все равно по 5 раз срабатывает.
Не могу понят в чем грабли...
PS! Bootstrap 2.3.2
PS1! Даже если обработать $('div#category-9').on('showen', function () {... то срабатывает 3 раза...
