Ошибка отображения значка меню

Question

Я создал меню с анимированным значком, и если вы нажмете на этот значок, откроется меню с двумя столбцами. Теперь, когда вы нажимаете на значок, меню открывается и закрывается. Теперь то, что я хотел сделать, - это когда вы нажимаете на какую-либо ссылку в правом столбце (см. 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