부트 스트랩 아코디언 축소 가능 및 확인란 변경 간섭

Question

내 마음을 불편하게하는이 문제가 있으십니까? 아코디언 그룹 안에 체크 박스가 있습니다. 내 절차는 아코디언 그룹 내부의 확인란을 누르면 해당 아코디언 그룹의 본문을 확장하고 show() 다른 버튼을 다른 곳으로 이동합니다.

문제는 두 개의 확인란을 누르면 버튼이 나타나서 정말 빠르게 숨기는 것입니다. 내 가정은 클릭 이벤트가 어딘가에서 거품을 일으키고 거기서 잡아서 좋을 수 없다는 것입니다!

내 HTML

<div class="accordion span5" id="info-accordion"> 
    <div class="accordion-group" data-pid="71" data-pweight="2"> 
     <div class="accordion-heading"> 
      <input type="checkbox" class="tier-check" value="17"> 
      <a class="accordion-toggle" data-toggle="collapse" href="#collapse-17">2013-07-10 14:21:03</a> 
     </div> 
     <div id="collapse-17" class="accordion-body in collapse" style="height: auto;"> 
      <div class="accordion-inner">Naware is a village in the Bassar Prefecture in the Kara Region of north-western Togo. and add some more content. This is the old one. should show in the info now. To be save really. 

      This text should be improved. 
      </div> 
     </div> 
    </div> 
    <div class="accordion-group" data-pid="71" data-pweight="2"> 
     <div class="accordion-heading"> 
      <input type="checkbox" class="tier-check" value="21"> 
       <a class="accordion-toggle" data-toggle="collapse" href="#collapse-21">2013-07-10 14:20:39</a> 
     </div> 
     <div id="collapse-21" class="accordion-body in collapse" style="height: auto;"> 
      <div class="accordion-inner">Naware is a village in the Bassar Prefecture in the Kara Region of north-western Togo. and add some more content. This is the old one. should show in the info now. To be save really. 

      This text should be improved. 


      This is new text 
      </div> 
     </div> 
    </div> 
    <div class="accordion-group" data-pid="71" data-pweight="2"> 
     <div class="accordion-heading"> 
      <input type="checkbox" class="tier-check" value="18"> 
      <a class="accordion-toggle" data-toggle="collapse" href="#collapse-18">2013-07-10 14:07:53</a> 
     </div> 
     <div id="collapse-18" class="accordion-body in collapse" style="height: auto;"> 
      <div class="accordion-inner">Naware is no more 
      </div> 
     </div> 
    </div> 
</div> 

내 자바 스크립트 내가이를 사용하여 솔루션을 찾을 여기

//hide them all 
var orgchk = $('.tier-check:checkbox').not(':checked'); 

orgchk.each(function(i) { 
    $(this).removeAttr('disabled'); 

    var cllps = $('#collapse-' + $(this).val()); 
    if (cllps.hasClass('in')); 
      cllps.collapse('toggle'); 
}); 

//when only one checkbox is selected, show it 
var chkbx = $('.tier-check:checkbox:checked'); 
$('#collapse-' + chkbx.val()).collapse('show'); 

if (chkbx.length != 0) 
     $tier_btn.fadeIn(); 
else 
     $tier_btn.fadeOut(); 

내 경우

Answer 1

쪽으로 맞게 여전히 바이올린 http://jsfiddle.net/nuE2c/이다. jQuery stopPropogation() 및 StopImmediatePropagation()이 작동하지 않을 때 이벤트 전파를 중지합니다.

$('#accordion').on('hidden',function(e) { 
      return false;//stopping propagation 
    });