单击 Jquery 目标 div 内

Question

我正在尝试使用 css :hover 制作一个下拉菜单，它在台式机和 Android 上运行良好，但在 iPad 上会崩溃。因此，我将 :hover 替换为 jquery。

下面的内容几乎满足了我的需要。

var down = false;
$("li").click(function() {
    if (down == false) {
        $(".dropdown").css("height", "150px");
        down = true;
    } else if (down == true) {
        $(".dropdown").css("height", "0px");
        down = false;
    }
});

基本上，我在每个 li 中有一个名为 .dropdown 的 div 容器。当点击其父 li 时，我可以定位 .dropdown 吗？
目前，所有 .dropdowns 均已打开。

Answer 1

在选择器中包含当前的 this 引用，例如:

$("li").click(function(){
  if (down == false) {
    $(".dropdown",this).css("height", "150px");
    down = true;
  } 
  else if(down == true) {
    $(".dropdown",this).css("height", "0px");
    down = false;
  }
});

this 作为 $(...) 中的第二个元素确保只找到 this 的子元素.