Question

我想用这个脚本扩展我的dropdownmenu。

$(document).ready(function() {

  $('li.active>ul').css('display','block');

  $("ul.parent>li:not(.active)").mouseenter(function(){
    $("ul.parent li.active>ul").css("display","none"); 
  });

  $("ul.parent>li:not(.active)").mouseleave(function(){
    $("ul.parent li.active>ul").css("display","block"); 
  });


  $("ul.level-2>li:not(.active)").mouseenter(function(){
    $("ul.level-2 li.active>ul").css("display","none"); 
  });

  $("ul.level-2>li:not(.active)").mouseleave(function(){
    $("ul.level-2 li.active>ul").css("display","block"); 
  });


});

它有效，但有没有比这更清洁的解决方案，即使是更多级别？

Answer 1

也许使用hover() - toggle()和parent()，但取决于您的加价。

$(document).ready(function() {
    $('li.active-trail>ul').css('display','block');
    $("ul > li:not(.active-trail)").hover(function(){
      $(this).parent().find("li.active>ul").toggle(); 
    });
})

如何在下拉菜单中显示活动列表

1 个答案: