javascript - 菜单切换图标错误

Question

我创建了一个带有动画图标的菜单，如果您单击该图标，菜单将打开，其中包含 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/

Answer 1

我只是将您的最后一次点击处理程序更改为:

$("#menu_right").click(function () {
    $("#menuBtn").click();
});

jsFiddle example