菜单切换图标错误
菜单切换图标错误
提问于 2014-02-10 16:05:15
我已经创建了一个带有动画图标的菜单，如果您单击该图标，菜单将以2列打开。现在，当您单击图标时，菜单会打开并关闭。现在我想要做的是，当您单击右边列中的某个链接(请参阅jsfiddle )时，我希望菜单再次消失。
这很好，唯一的问题是，当你点击某个链接时，图标也会切换，你必须再次按它两次，才能让菜单再次工作。(因此，只有当您按下菜单右侧列中的“某些链接”时)
任何帮助都很感激(抱歉代码太乱了)
$("#menuBtn").click(function(){
$("a.menuIcon").toggleClass("selected");
});
var elem = $('#menuBtn');
elem.toggle(function () {
$('#menuContainer').animate({ opacity: '1'}, 'fast');
$('#menuContainer').css({ "z-index": "999999"});
}, function () {
$('#menuContainer').animate({ opacity: '0'}, 'fast');
$('#menuContainer').css({ "z-index": "-1"});
});
$("#menu_right").click(function(){
$("a.menuIcon").toggleClass("selected");
$('#menuContainer').animate({ opacity: '0'}, 'fast');
});请参阅http://jsfiddle.net/QM635/
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-02-10 16:14:35
我只需将您上一次单击处理程序更改为：
$("#menu_right").click(function () {
$("#menuBtn").click();
});jsFiddle实例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21682051
复制相关文章
相似问题
腾讯云开发者
