如何解决jQuery菜单-切换问题
| 要查看有什么问题,请参阅jsFiddle上的代码。是否可以使用类“ menutop”设置列表以使其类似于“ toogle”类(+),也就是说,单击“帖子”,“页面”等子菜单时被揭示。 让我烦恼的第二件事是如何设置菜单的行为,使其在打开一个子菜单并用户单击其他子菜单时会自动将先前打开的子菜单关闭。解决方法
我在toogle处理程序中命名了该函数,并从菜单顶部将其设置为\“ 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\")
);
}
);
,这是一个修订。添加了close all函数,然后我还为菜单顶部类添加了一个单击处理程序,该处理程序实际上是相同的操作以扩展选项卡。希望能帮助到你!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。