アコーディオンのタイトルを展開したり折りたたんだりしたときにテキストを変更しようとしています。内部に別のアコーディオンがある場合を除いて機能し、折りたたむと両方が変化します。 http://jsfiddle.net/mwvuH/3/
$(document).ready(function() {
$(".accordion-body").on("show",function(event){
$('span', $(this).prev()).text('-');
});
$(".accordion-body").on("hide",function(event){
$('span', $(this)).text('+');
});
});
HTML
<div class="accordion-heading">
<div class="accordion-toggle" data-toggle="collapse" href="#collapseFive">
Title
<a href="#collapseFive"><span class="pull-right">+</span></a>
</div>
</div>
<div id="collapseFive" class="accordion-body collapse out">
<div class="accordion-inner">
Inside
<div class="accordion-heading">
<div class="accordion-toggle" data-toggle="collapse" href="#collapseSix">
Inside Title
<a href="#collapseSix"><span class="pull-right">+</span></a>
</div>
</div>
<div id="collapseSix" class="accordion-body collapse out">
<div class="accordion-inner">
Inside Inside
</div>
</div>
</div>
</div>