javascript显示/隐藏内容表

我想显示/隐藏AscidActor生成的目录菜单。这是我的HTML代码：

ul-li-ul{
显示：无；
}
ul-li：主动ul{
显示：块；
}

测试

您必须添加一个事件侦听器。在这种情况下，检查第一个

ul

。您可以使用以下选项之一

• $（this.parent（）.find（'ul'））
• $（this.next（'ul'））

要隐藏/显示，可以使用$（..）。切换

样品

$（'li a'）。在（'click'，function（）上{
$（this）.next（'ul:first'）.toggle（）
})

ul-li-ul{
显示：无；
}
ul-li：主动ul{
显示：块；
}

测试

下面是一个使用jquery的解决方案

首先，您需要为每个列表项触发

单击

事件处理程序。其次，您需要检查单击的列表项是否有

ul

子项，以及是否需要显示或隐藏元素

$('li a').click(function(){
  var uls=$(this).parent('li').find('ul');
  if(uls.length>0){
    uls.is(":visible") ? uls.hide() : uls.show();
  }
});

$（'li a'）。单击（函数（）{
var uls=$（this）.parent（'li'）.find（'ul'）；
如果（uls.length>0）{
uls.is（“：可见”）？uls.hide（）：uls.show（）；
}
});

测试
























单击后是否需要它？悬停会更容易：
ul li:Hover-ul{display:block；}
…
。toggle
自动处理三值操作