。點擊非相關元素造成水平手風琴打破

Question

我一直跑到這個牆上......任何幫助將不勝感激。

我有一個網站，頂部附近有一個自定義的水平手風琴。在底部，我有一個觸發自定義抽屜動畫的按鈕。

問題：當我點擊底部的按鈕時，水平手風琴會受到影響。如果手風琴位於窗格2,3,4或5上，手風琴將自動恢復到窗格1.

任何想法？

下面是的jsfiddle所有代碼：http://jsfiddle.net/banjodrill/STR2R/1/

我將張貼在註釋的例子網址，因爲我是一個相對較新的用戶，不能把多個鏈接在後。

Answer 1

問題是你的窗格被點擊任何a移動。所以你可以用幾種不同的方式來指定。這裏有一個方法：

$('#navigation li a').click(function(){      
    $('.pane').removeClass("selected"); 
    $('.content').hide().css({opacity:0}); 
    $(this).next('.content').animate({'width':'toggle'}, 'slow', 'swing').fadeTo('slow',1); 
    $(this).find('.pane').addClass("selected"); 
});