如何隐藏 jquery 手风琴块

Question

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

谢谢

Answer 1

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

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