我有一个显示列表的基本 jquery 手风琴。在当前场景中,我希望通过单击按钮隐藏一些内容,并在再次单击按钮时再次可见。例如。
1) Title 1
2) Title 2
3) Title 3
4) Title 4
<input type='button' value='show/hide'>
我希望标题 2 在用户单击按钮时隐藏和可见。
我用过
document.getElementById("sec2").style.display == "block"
这样做手风琴变得隐藏和可见,但结构受到损害。即它在“Title 2”打开时可见,而我希望它关闭。
它是标准的 Jquery 手风琴。
<div id="accordion">
<h3 id='sec1'>Section 1</h3>
<div id='div1'>
<p>
Title 1.
</p>
</div>
<h3 id='sec2'>Section 2</h3>
<div id='div2'>
<p>
Title .
</p>
</div>
</div>