2013-03-12 130 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