如何隐藏jquery手风琴块

时间:2016-05-12 23:42:01

标签: jquery jquery-ui-accordion

1 - 我有一个带3个面板的jquery手风琴。

2-我需要通过js隐藏任何给定的面板。

3 - 在互联网上,我发现了这个脚本,它对于第一个以外的面板非常有效

$('#myAccord').accordion().children('.ui-accordion-header:eq(index)').hide();

如果您在第一个面板上使用此脚本,则会显示截断的行。

有没有办法处理所有案件,包括第一个小组?

<div id="myAccord">                 
    <b><img src="img1.png">option1</b>                      
    <div id="data1"></div>

    <b><img src="img2.png">option2</b>                      
    <div id="data2"></div>

    <b><img src="img3.png">option3</b>                      
    <div id="data3"></div>
</div>

$("#myAccord" ).accordion({
    heightStyle: "content",
    collapsible: true
});

由于

1 个答案:

答案 0 :(得分:2)

问题是.ui-accordion-header只隐藏标题而不是div本身。最好的办法是明确隐藏每个元素:

$('#myAccord').accordion().children('b:eq(index), div:eq(index)').hide();