.click非相关元素导致水平手风琴断裂

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