Javascript 使用jquery替换li的活动类

Javascript 使用jquery替换li的活动类,javascript,jquery,treeview,Javascript,Jquery,Treeview,当我点击treeview时,其他treeview需要关闭,尝试分配但无法解决,请任何人帮助我 $('.sidebar menu.treeview')。在('click',function()上{ if($(this).hasClass(“活动”)){ $('.sidebar menu').find('.treeview.treeview menu').removeClass('active'); $(this.find(“.treeview.active”).removeClass(“act

当我点击treeview时,其他treeview需要关闭,尝试分配但无法解决,请任何人帮助我

$('.sidebar menu.treeview')。在('click',function()上{
if($(this).hasClass(“活动”)){
$('.sidebar menu').find('.treeview.treeview menu').removeClass('active');
$(this.find(“.treeview.active”).removeClass(“active”);
e、 预防默认值();
}
否则{
$('.sidebar menu').find('.treeview menu').attr('display','block');
}

这可能有点帮助:

JS

CSS

试试这个:

Javascript:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
  $('.sidebar-menu .treeview').on('click', function () {
    $('.treeview').removeClass('active');
    $(this).addClass('active');  
  });
});
</script>

$(函数(){
$('.sidebar menu.treeview')。在('click',函数(){
$('.treeview').removeClass('active');
$(this.addClass('active');
});
});
CSS:


.sidebar menu.treeview menu{display:none;}
.active.treeview菜单{
显示:块;
}
.treeview菜单{
显示:无;
}

请检查以下链接,抱歉回复太晚。本论坛不提供此类支持。我发布了您发布的问题的答案。感谢此解决方案,但它无法解决。期待解决方案。不幸的是,我无法得到。尽管我很高兴:)好的,我是为你这么做的。不要失去希望。用这个中提供的javascript替换你的js/captain/app.js的内容,不起作用。请检查以下链接
.active .treeview-menu {
    display: block;
}
.treeview-menu {
    display: none;
}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
  $('.sidebar-menu .treeview').on('click', function () {
    $('.treeview').removeClass('active');
    $(this).addClass('active');  
  });
});
</script>
<style>
    .sidebar-menu .treeview-menu{ display: none; }
    .active .treeview-menu {
         display: block;
     }

     .treeview-menu {
         display: none;
     }
</style>