从ul中断开jQuery显示/隐藏功能

Question

我试图隐藏我的div，完成后会有内容。我有一个jsFiddle文件，有些编码不完整，只是写得非常快，给你一个想法。

http://jsfiddle.net/vCZC7/

我认为ul正在使其无法正确创建。

Answer 1

你的小提琴中的html无效：你不应该为多个元素分配相同的id属性。如果您尝试执行类似$("#slidingDiv").hide();的操作，则只会选择 first （在大多数浏览器中）元素并隐藏该ID。

此外，您使用的是".show_hide"类选择器，但没有任何元素具有该类。

在您的点击处理程序中，您已经说$(this).next("#slidingDiv").slideToggle();，但.next()方法不会查找具有提供的ID的下一个元素，如果该元素具有该元素，则它仅选择紧随其后的元素提供的身份。

你也错误地使用了jsfiddle：在JavaScript窗口中你应该放置JavaScript代码，而不是<script>标签。您应该删除<script>代码，然后从左侧面板中选择所需的库，如下所示：http://jsfiddle.net/vCZC7/1/（您的小提琴在左侧选择了默认的Mootools库。）

我发现你对所需行为的解释有点缺乏，但是这里有一个工作小提琴，点击li元素切换下面的div：http://jsfiddle.net/vCZC7/3/（注意：我更新它以使用最新的jQuery，因为最简单的事情似乎是使用版本1.4中引入的.index()方法语法，而您只包括1.3.2。）