jquery - .click 不相关的元素导致水平手风琴断裂

Question

我一直在这个问题上碰壁……任何帮助将不胜感激。

我有一个顶部附近有一个自定义水平手风琴的网站。在底部，我有一个触发自定义抽屉动画的按钮。

问题：当我点击底部的按钮时，水平手风琴受到影响。如果手风琴位于窗格 2、3、4 或 5 上，则手风琴会自动恢复到窗格 1。

有任何想法吗？

这是 jsfiddle 中的所有代码：http: //jsfiddle.net/banjodrill/STR2R/1/

我将在评论中发布一个示例 URL，因为我是一个相对较新的用户，并且不能在帖子中放置多个链接。

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