jQuery click（）不工作

我正试着从一个图坦卡蒙最近看到的下拉列表。它被设计用来处理

hover（）

，但我想在单击事件时使用它。当我这样改变它时，它就不再工作了

以下是JSFIDLE上的内容：

另外，不要介意这种不负责任的行为。我会收拾的。：）

.click（）

接受一个回调函数，您有两个回调函数。这样做：

$(document).ready(function() {
  $('.dropdown').click(
    function() {
      $(this).children('.options').slideToggle(200);
    }
  );
});

小提琴：

点击滑动切换

$（文档）.ready（函数（）{
$（'.dropdown'）。单击（函数（）{
$（this）.children（'.options'）.slideToggle（200）；
});
});
*{
-webkit框大小：边框框；
-moz框大小：边框框；
-o型盒尺寸：边框盒；
框大小：边框框；
}
身体{
背景图片：url（images/bg img.jpg）；
背景重复：无重复；
背景尺寸：封面；
}
导航{
位置：固定；
高度：70像素；
宽度：100%；
背景色：#D1DBBD；
填充：10px；
}
导航ul{
位置：相对位置；
}
.下拉列表{
显示：内联块；
位置：相对位置；
背景色：#193441；
边界半径：5px；
底部：-20px；
左：440px；
字体系列：Verdana；
字体大小：粗体；
}
.下拉列表：悬停{
背景色：#91AA9D；
}
纳夫利乌尔{
背景色：#91AA9D；
位置：绝对位置；
左：10px；
顶部：40px；
宽度：140px；
}
李导航：悬停{
背景色：#193441；
颜色：黑色；
}
李娜薇{
位置：相对位置；
保证金：0；
显示：块；
}
李莉{
位置：绝对位置；
排名：0；
左：200px；
保证金：0；
}
导航a{
线高：40px；
填充：0 12px；
边际：0.12px；
颜色：#fff；
文字装饰：无；
显示：块；
}
李丽娜{
边框底部：实心1px#193441；
利润率：0.10px；
填充：0；
}
nav li li:最后一个孩子a{边框底部：无；}
.选项{
显示：无；
}










而不是
单击
使用更有效的
方法，您可以通过
方法上的
传递任何事件处理程序。请参阅代码片段

您可以这样使用它：

$(document).ready(function() {
  $('.dropdown').on('click', function(){
    $(this).children('.options').slideToggle(200);
  });
});

悬停可以接受两个参数，而单击只能接受一个参数

盘旋

点击

这应该会显示下拉菜单，但不会将其向上拉，请尝试使用toggleClass（）在下拉和向上拉状态之间切换

$(document).ready(function() {
  $('.dropdown').click(function(){
      $(this).children('.options').slideDown(200);
    });
});

你可以试试这个$（document）.ready（function（）{$（'.dropdown'）。单击（function（）{$（this）.children（'.options'）。slideToggle（200）；}）；}）；
$( ".a" ).click(whatHappensWhenYouClick());

$(document).ready(function() {
  $('.dropdown').click(function(){
      $(this).children('.options').slideDown(200);
    });
});