javascript - jQuery click 不起作用，但 toggle 起作用

Question

这是什么都不做：

$("#nav li ul li").click(function(){
  $(this).find('ul:first').css({
    visibility: "visible"
  });
});

这是有效的（显示和隐藏）：

$("#nav li ul li").toggle(function() {
  $(this).find('ul:first').css({
    visibility: "visible"
  });
}, function() {
  $(this).find('ul').css({
    visibility: "hidden"
  });
});

我想让第一个工作，我不希望它切换。

Answer 1

试试这个代码：

$("#nav li ul li").click(function(){
  $(this).find('ul').first().css("visibility","visible");
});

Answer 2

CSS

.ghost{visibility:hidden;}

jQuery

$("#nav li ul li").click(function() {
    $(this).find('ul:first').toggleClass('ghost')
});