Orbit jQuery ne fonctionne pas avec .slideToggle()

Question

J'ai un curseur Orbit jQuery dans une section qui est masquée par défaut (display: none;)

L'utilisateur clique sur un bouton pour développer la section, et sur faire Donc, je vois que seule la flèche directionnelle de nav gauche apparaît, le reste du curseur Orbit semble être invisible.

Si je supprime l'affichage: aucun; sur la SECTION de sorte que le comportement par défaut de la SECTION est qu'elle est étendue lors de la première visite, je peux .slideToggle de haut en bas et le curseur Orbit apparaît très bien. Il a seulement des problèmes quand il est assis dans la SECTION avec display: none; ensemble.

Voici le balisage: http://pastie.org/2855132

Voici le jQuery: http://pastie.org/2855138

Tous les styles Orbit sont par défaut. C'est section.articles qui est définie pour afficher: none;

Toute aide serait grandement appréciée. J'espère avoir fourni suffisamment d'informations.

Merci.

Answer 1

Essayez ceci:

$(".banner").click(function() { 
    $(this).next(".articles").slideToggle("slow", function(){ 

     $('#featured').orbit({ 
      animationSpeed: 800, 
      timer: false, 
      captions: false 
     }); 


    }); 
});