JQuery ne glissera pas une seconde fois

Suite à ma question précédente, j’ai actuellement ce code sur mon site actif:

http://jsfiddle.net/3veht/6/

C’est exactement la même chose que sur le site live. Mais pour une raison quelconque, lorsque je vais ouvrir un des tiroirs, cela fonctionnera une seule fois (ouvrir et fermer), puis si j’essaie à nouveau, cela ne fonctionnera pas. Aucune erreur dans la console du tout.

Si je recharge la page, cela fonctionnera à nouveau cette fois, puis ne rouvrira pas.

Pour aider, il s’agit d’envoyer des données à la partie d’envoi de données, elle ne glissera tout simplement pas dans le tiroir.

Peut-être y a-t-il une meilleure façon de gérer le slidedown pour les objects uniques? Voici un aperçu du violon ci-dessus:

$('.patient').click(function(){ var pat = $(this); if ($('#drawer').is(':visible')) $('#drawer').slideUp("slow", function () { $('#drawer').slideDown('slow') $('#drawer').load('/echo/js?js=' + pat.data('patientid')); }); else { $('#drawer').slideDown('slow') $('#drawer').load('/echo/js?js=' + pat.data('patientid')); } }); 

MODIFIER:

Le tiroir par défaut est défini dans css pour afficher: aucun

Je remarque également que lorsque le tiroir se ferme, il définit un style d’affichage: bloc au tiroir.

Peut-être que ça aide ..

De plus, en regardant la source, Jquery pense qu’elle montre le tiroir. L’animation bouge visiblement dans la source mais rien à l’écran.

Essaye ça

  $(".patient").click(function(){ var pat = $(this); if ($("#drawer").is(":visible")) { $("#drawer").slideUp("slow"); $("#drawer").load("/echo/js?js=" + pat.data("patientid")); } else { $('#drawer').slideDown("slow"); $('#drawer').attr("style", "display:block"); $("#drawer").load("/echo/js?js=" + pat.data("patientid")); } }); 

Et exemple de travail http://jsfiddle.net/3veht/6/