jQuery Accordion插件：removeClass（'selected'）

我正在使用Accordion菜單過濾數據表。該菜單包含兩個過濾器，每個過濾器下有多個選項。您一次只能選擇一個過濾器。如果在第一個過濾器下面的兩個選項之間單擊，將添加並刪除樣式類'selected'，而不會出現問題。如果您單擊第二個過濾器下的選項，它不會從第一個過濾器中刪除「selected」類。任何幫助，將不勝感激。謝謝。jQuery Accordion插件：removeClass（'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>

來源

2010-04-08 mheppler9d

嘗試使用change事件爲第二個過濾器刪除第一個過濾器的'selected'類。

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

來源

2010-04-09 05:17:21 Dieseltime

我無法獲得代碼片段以便在測試頁上使用我的代碼。此外，我試圖從h4子菜單鏈接中刪除'selected'類，而不是h3'Filter by'標題鏈接。所需功能只允許手風琴菜單一次選擇一個h4。這在點擊一個過濾器下的鏈接時有效，但是一旦點擊了第二個過濾器中的鏈接，就不會從先前選擇的h4鏈接中刪除「selected」類。 – mheppler9d 2010-04-12 16:37:21

使用案例： - 打開'按組織過濾'，然後單擊'關聯'，粗體顯示鏈接以指定它已被選中，然後單擊'業務'，現在大膽顯示它已被選中並且上一個鏈接不再是 - 現在打開「按類型過濾」，然後點擊「基本」，粗體顯示的鏈接代表已被選中 - 如果您現在返回並打開「按組織過濾」，則鏈接「商家」爲仍然大膽，而'基本'也是大膽的，在第二個過濾器 - 問題是'商業'和'大膽'，不能同時大膽 – mheppler9d 2010-04-12 16:40:46

jQuery Accordion插件：removeClass（'selected'）

回答

相關問題