jquery SlideToggle dans dnn

Question

J'essaie de faire une infobox quand je clique sur la tête le contenu glisse vers le bas
mais quand je le fais, il glisse simplement vers le bas, puis à nouveau.
Il est dans un document ascx et je dois l'utiliser sur un conteneur de DotNetNuke
il fonctionne parfaitement dans un fichier html
est ici le code

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.head').click(function() { 
      $('.content').slideToggle(); 
     }); 
    }); 
</script> 

ou

$(document).ready(function() { 
    $('.textbox .content:eq(1)').hide(); 
    $('.textbox .head').click(function() { 
     if ($(this).next('.content').is(':visible')) { 
      $(this).next('.content').slideUp(); 
     } else { 
      $(this).next('.content').slideDown(); 
     } 
    }); 
}); 

Answer 1

Dans le premier Par exemple, vous basculerez toutes les zones de contenu si vous avez des multiples du même conteneur sur la page.

Le second exemple semble fonctionner correctement, mais, encore une fois, si vous avez plusieurs instances du conteneur et que ce script se trouve dans le conteneur lui-même, vous enregistrez le gestionnaire plusieurs fois. Essayez de déplacer le script vers un fichier externe et de le référencer dans du code, afin qu'il ne soit inclus qu'une seule fois. Voir DotNetNuke jquery script in container pour un exemple de cela.