Éléments enfants fadeToggle

Question

fadeToggle ne fonctionne pas comme prévu.

est un violon exemple ici: http://jsfiddle.net/JNu2q//

ce que je dois faire est d'avoir plus l'élément fondu, mais tous les éléments enfants

<div id="happenings"> 
    <h3>Clicky<span class="ui-icon ui-icon-circle-triangle-e"></span></h3> 
    <span class="ui-helper-hidden"><div class="more"> yadada</div></span> 
    <h3>Clicky<span class="ui-icon ui-icon-circle-triangle-e"></span></h3> 
     <span class="ui-helper-hidden">THINGS</span> 
      <h3>Clicky<span class="ui-icon ui-icon-circle-triangle-e"></span></h3> 
     <span class="ui-helper-hidden"">THINGS</span> 
</div> 
<script type="text/javascript"> 
$('#happenings>h3').click(function() { 

    $(this).next('span').fadeToggle() 
    $('span', this).toggleClass('ui-icon-circle-triangle-s'); 
}); 
</script> 

comme le violon montre le premier élément lorsque cliquez se développe mais ne s'estompe pas et ne se contracte pas.

Ceci est une version très réduite de ce que j'essaie de faire. Je charge des profils dans chaque via ajax. à l'intérieur de la portée est d'autres éléments. donc de qui se dilatent et se contractent. En bref, j'ai besoin de la durée et de son enfant div fondu.

Merci

Answer 1

Ceci est votre coupable

<div class="more"> yadada</div> 

Il ressemble à la div ayant un affichage de bloc est de déconner avec le fondu en . Si vous changez à une période

<span class="more"> yadada</span> 

ou de définir son écran à roues alignées (ou inline-block)

<div class="more" style="display:inline;"> yadada</div> 

Ensuite, cela fonctionne.