javascript - jQuery 切换仅适用于 中的顶部元素

Question

我正在尝试在我的 Rails 3.2.1 应用程序中实现 jQuery 切换项。

我希望开关适用于每个人 <li> <ul> 上的项目，这样我就可以针对要单独隐藏/显示的元素。但是由于某些原因，只有顶部元素具有切换效果；其余的没有响应。

这是 the jsFiddle .

谁能解释为什么会这样？

Answer 1

这是因为你的div都有相同的id，这是无效的HTML。由于 DOM 只希望有一个具有任何给定 ID 的元素，因此当您编写 $("#trigger") 时，它只会选择它找到的第一个元素。将 ID 更改为类。

<div class="trigger"> ...

并将您的 ID 选择器更改为类选择器。

$('.trigger').click(/* ... */);

jsFiddle