.pulsa en elemento no relacionado causando acordeón horizontal a rotura

Question

He estado corriendo en una pared en este caso ... cualquier ayuda sería muy apreciada.

Tengo un sitio con un acordeón horizontal personalizada en la parte superior. En la parte inferior, tengo un botón que activa una animación cajón personalizado.

El problema: Al hacer clic en el botón en la parte inferior, el acordeón horizontal se ve afectada. El acordeón vuelve automáticamente al panel 1 si está en el panel 2, 3, 4 o 5.

¿Alguna idea?

Aquí está todo el código en jsFiddle: http://jsfiddle.net/banjodrill/STR2R/1/

Voy a publicar un ejemplo de URL en los comentarios ya que soy un relativamente nuevo usuario y no puedo poner más de un enlace en un correo.

Answer 1

El problema es sus cristales se mueven por cualquier a conseguir hecho clic. Así se puede especificar de varias formas diferentes. He aquí una manera:

$('#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");
});