在標題上設置展開/摺疊背景圖像

我想爲摺疊和展開的手風琴標題設置不同的背景圖像。請提供幫助，瞭解如何完成此任務。在標題上設置展開/摺疊背景圖像

的Jquery：

$(document).ready(function() { $('ul#accordion a.heading').click(function() { 

     if($(this).parent().hasClass('current')) {   
      $(this).siblings('ul').slideUp('normal',function() { 
       $(this).parent().removeClass('current'); 
      }); 
     } else { 
      $('ul#accordion li.current ul').slideUp('normal',function() { 
       $(this).parent().removeClass('current'); 
      }); 
      $(this).siblings('ul').slideToggle('normal',function() { 
       $(this).parent().toggleClass('current'); 
      }); 

     } 
     return false; 
    }); });

HTML：

<ul id="accordion"> 

    <li id="AR" class="current"> 
     <a href="#" class="heading">ALL RESOURCES</a> 
     <ul>resource options</ul> 
    </li> 


    <li id="BU"> 
     <a href="#" class="heading">BUREAUS</a> 
     <ul>bureaus options</ul> 
    </li> 

    <li id="BN"> 
     <a href="#" class="heading">BUSINESS NEEDS</a> 
      <ul>business options</ul> 
    </li> 

</ul><!-- END ACCORDION -->

CSS：

ul#accordion li a.heading { background-color: blue; } 
ul#accordion li a.headingactive { background-color:red; }

我知道我的手風琴僅覆蓋頭部的點擊功能，但如果我我想知道也可以包含ready功能。因此，無論哪個標題被擴展，它都會收到「headingactive」類。

來源

2011-06-28 Pchi

不清楚你在問什麼。什麼時候應該在'headingactive'類的標題？如果是在同各'li'元素獲得了'current'類，你真的不需要一個新的類，因爲你可以選擇風格的'UL＃手風琴li.current a.heading'（過於具體）。 –

謝謝邁克爾..我在思考一晚後才意識到同樣的事情。我仍然處於學習過程中，這正是我所嘗試過的，它的工作原理。我看起來太深了。 – Pchi

發表與答案相同的東西:) –

如果它是在每個li元素獲取當前類相同，你真的不需要一個新的類，因爲你可以選擇UL＃手風琴li.current a.heading樣式（過於具體）。

來源

2011-06-29 17:38:43

在標題上設置展開/摺疊背景圖像

回答

相關問題