。点击非相关元素造成水平手风琴打破

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"); 
});