jQuery Accordion Plugin : removeClass ('selected')

Question

아코디언 메뉴를 사용하여 데이터 테이블을 필터링하고 있습니다. 메뉴에는 두 개의 필터가 있으며 각각 아래에 여러 옵션이 있습니다. 한 번에 하나의 필터 만 선택할 수 있습니다. 첫 번째 필터 아래에서 두 옵션 사이를 클릭하면 스타일 클래스 'selected'가 문제없이 추가되고 제거됩니다. 두 번째 필터 아래에있는 옵션을 클릭하면 첫 번째 필터에서 'selected'클래스가 제거되지 않습니다. 어떤 도움을 주시면 감사하겠습니다. 고맙습니다.

<script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script> 
<script src="http://jquery.bassistance.de/accordion/jquery.accordion.js" type="text/javascript"></script> 


<div> 
<script type="text/javascript"> 
// <![CDATA[ 
jQuery.noConflict(); 
jQuery(document).ready(function(){ 
    jQuery('#navigation').accordion({active: 'h3.selected', header: 'h3.head', autoheight: false, }); 
    jQuery('.xtraMenu').accordion({active: 'h4.selected',header: 'h4.head', autoheight: false, }); 

}); 
// ]]> 
</script> 

<style type="text/css"> 
h3, h4 {font-weight: normal} 
h3.selected, h4.selected {font-weight:bold;} 
</style> 
<ul class="basic" id="navigation"> 
<li> 
    <h3 class="head"><a href="">Filter by Organization</a></h3> 
    <ul> 
    <li> 
     <ul class="xtraMenu basic"> 
     <li> 
      <h4 class="head"><a href="">Association</a></h4> 
     </li> 
     <li> 
      <h4 class="head"><a href="">Business</a></h4> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</li> 
<li> 
    <h3 class="head"><a href="">Filter by Type</a></h3> 
    <ul> 
    <li> 
     <ul class="xtraMenu basic"> 
     <li> 
      <h4 class="head"><a href="">Basic</a></h4> 
     </li> 
     <li> 
      <h4 class="head"><a href="">Advanced</a></h4> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</li> 
</ul> 
</div> 

Answer 1

제 1 필터의 '선택'클래스를 제거하는 제 2 필터에 대한 change 이벤트를 사용하여 시도.

jQuery(".xtraMenu").accordion({ 
    active: 'h4.selected', 
    header: 'h4.head', 
    autoheight: false, 
    change: function() { 
     jQuery("#navigation > h3").each(function() { 
      jQuery(this).removeClass('selected'); 
     }); 
    } 
});