jquery - 如何隐藏 jquery Accordion block

Question

1 - 我有一个带有 3 个面板的 jquery Accordion 。

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
});

谢谢

Answer 1

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

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