.cliquez sur l'élément non-lié provoquant la rupture de l'accordéon horizontal

Question

J'ai couru vers un mur sur celui-ci ... toute aide serait grandement appréciée.

J'ai un site avec un accordéon horizontal personnalisé vers le haut. En bas, j'ai un bouton qui déclenche une animation de tiroir personnalisée. Le problème: Lorsque je clique sur le bouton en bas, l'accordéon horizontal est affecté. L'accordéon revient automatiquement au volet 1 s'il est sur le volet 2, 3, 4 ou 5.

Des idées?

est ici tout le code dans jsFiddle: http://jsfiddle.net/banjodrill/STR2R/1/

Je vais poster une URL d'exemple dans les commentaires depuis que je suis un utilisateur relativement nouveau et ne peut pas mettre plus d'un lien dans un message.

Answer 1

Le problème est que vos volets sont déplacés par tout a cliqué. Vous pouvez donc spécifier de différentes manières. voici une façon:

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