当前位置：文江博客话题详情

Jquery菜单-切换问题

发布于 2024-11-10 02:33:48 字数 229 浏览 2 评论 0原文

要查看问题所在，请参阅 jsFiddle 上的代码。有没有一种方法可以使用类“menutop”设置列表” 的作用类似于“toogle”类 (+)，换句话说，当单击帖子、页面等子菜单时就会显示。

困扰我的第二件事是如何将菜单设置为当打开一个子菜单并且用户单击其他子菜单时，前一个打开的子菜单会自动关闭。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

意中人 2024-11-17 02:33:48

我在 Toogle 处理程序中命名了该函数，并从 menutop 中调用它，将切换类元素设置为“this”，这样您看起来更熟悉。

我刚刚添加了一行，确保一次只能打开一个部分

function hitMe(){
   if ($(this) .hasClass('toggle-open')) {
     $(this) .removeClass('toggle-open') .addClass('toggle-closed') .empty('') .append('+') .parents('li') .children('ul') .slideUp(250);
     $(this) .parent('.menutop') .removeClass('menutop-open') .addClass('menutop-closed');
   }else{
     $(".toggle-open").parent().click();//closes the previously opened menu
     $(this) .parent('.menutop') .removeClass('menutop-closed') .addClass('menutop-open');
     $(this) .removeClass('toggle-closed') .addClass('toggle-open') .empty('') .append('–') .parents('li') .children('ul') .slideDown(250);
 }
}

$(".menutop").click(function(){
     hitMe.apply(
         $(this).find(".toggle")
     );
}
);

I named the function in the toogle handler and called it from menutop setting the toggle class element as "this" so it looks more familiar to you.

I just added a line that ensures that only one section could be open at a time

function hitMe(){
   if ($(this) .hasClass('toggle-open')) {
     $(this) .removeClass('toggle-open') .addClass('toggle-closed') .empty('') .append('+') .parents('li') .children('ul') .slideUp(250);
     $(this) .parent('.menutop') .removeClass('menutop-open') .addClass('menutop-closed');
   }else{
     $(".toggle-open").parent().click();//closes the previously opened menu
     $(this) .parent('.menutop') .removeClass('menutop-closed') .addClass('menutop-open');
     $(this) .removeClass('toggle-closed') .addClass('toggle-open') .empty('') .append('–') .parents('li') .children('ul') .slideDown(250);
 }
}

$(".menutop").click(function(){
     hitMe.apply(
         $(this).find(".toggle")
     );
}
);

回复收藏 0 原文