Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置Jquery切换默认显示或隐藏使用html类控件?_Javascript_Jquery_Toggle - Fatal编程技术网

Javascript 如何设置Jquery切换默认显示或隐藏使用html类控件?

Javascript 如何设置Jquery切换默认显示或隐藏使用html类控件?,javascript,jquery,toggle,Javascript,Jquery,Toggle,我使用Jquery切换来显示我的树菜单 但是我想用HTML来控制哪个子菜单是“活动的” 如何让“.actived”切换显示默认值 $('.show_more')。单击(函数(){ $(this.parent().children('ul.tree').toggle(200); }); $(函数(){ $('.show_more').parent().children('ul.tree').toggle(); }) JS-Bin 引导 引导 您可以在css中这样做 .t

我使用Jquery切换来显示我的树菜单

但是我想用HTML来控制哪个子菜单是“活动的”

如何让“.actived”切换显示默认值

$('.show_more')。单击(函数(){
$(this.parent().children('ul.tree').toggle(200);
});
$(函数(){
$('.show_more').parent().children('ul.tree').toggle();
})

JS-Bin
  • 引导
  • 引导

您可以在css中这样做

.tree {
  display: none;
}

.actived+.tree {
  display: block;
}
对于
+
,目标是下一个直接同级元素

$('.show_more')。单击(函数(){
$(this.toggleClass('actived'))
});
.tree{
显示:无;
}
.actived+.tree{
显示:块;
}

  • 引导
  • 引导