如何手动触发jQuery切换面板

Question

我正在使用这个小提琴上显示的jQuery和HTML，因为我的生活无法手动触发单个标签。

http://jsfiddle.net/DkHyd/

$("h3").toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom").find(".ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end().next().slideToggle();

上面的jQuery将切换所有元素，但如果我以这种方式引用个人：     $（ “＃ToggleHeader”）。等 它不会起作用。

我希望得到一些帮助，希望能解释为什么这对我不起作用。

Answer 1

您尝试的解决方案不起作用，因为选择器$("h3")匹配页面上的每个h3，因此后面的操作将应用于所有这些操作。您尝试的第二个解决方案无效，因为您的html代码中的h3元素没有任何ID。

为每个元素添加一个id，然后使用id选择器$("#ToggleHeader")

选择标题

<h3 id="ToggleHeader"><a href="#">Section 1</a></h3>

等。