.click на не связанный элемент, вызывающий разрыв горизонтального аккордеона

Question

Я вбегаю к стене на этом ... любая помощь будет высоко ценится.

У меня есть сайт с пользовательским горизонтальным аккордеоном вверху. Внизу у меня есть кнопка, которая запускает пользовательскую анимацию ящика.

Проблема: Когда я нажимаю кнопку внизу, затрагивается горизонтальная гармошка. Аккордеон автоматически возвращается на панель 1, если она находится на панели 2, 3, 4 или 5.

Есть идеи?

Вот весь код в 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");
});