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

菜单切换图标错误

1 个答案: