菜單切換圖標錯誤

我創建了一個帶有動畫圖標的菜單，如果您單擊該圖標，該菜單將打開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/

來源

2014-02-10 user2099810

我只是改變你的最後一次點擊處理程序：

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

jsFiddle example

來源

2014-02-10 16:14:35 j08691

不能接受你的答案，但（在4分鐘左右），但你的英雄感謝的人 – user2099810

謝謝，很高興我能幫忙。 – j08691

菜單切換圖標錯誤

回答

相關問題