2013-03-12 74 views
1

我正在嘗試製作手風琴,並且希望首先擴展帶有當前類別的H4元素。jQuery Accordion if hasClass

我的代碼:

$(function() { 
    $("#category-accordion").accordion(); 
    if ($('h4').hasClass("current-category")) { 
     $("#category-accordion").accordion("activate", $('.current-category')); } 
}); 

是的,我是一個菜鳥。

在此先感謝!

回答

2

activate is an event [docs]當面板被激活時會被觸發。我相信你想使用的active option [docs],這需要你希望要打開的元素的索引:

$("#category-accordion").accordion({ 
    active: $("#category-accordion > div").index($('h4.current-category').next()) 
}); 

我假設你的HTML看起來像:

<div id="category-accordion"> 
    <h4>Section 1</h4> 
    <div>...</div> 
    <h4>Section 2</h4> 
    <div>...</div> 
</div> 

DEMO


jQuery文檔通常包含足夠的信息和示例來解決這些問題。

+0

史詩般的答案,感謝您的解釋。 – Livog 2013-03-12 01:45:55