jquery - Effondrement / Expansion divs?

En essayant de créer pliable /extensible divs à l'aide de jQuery, mais il ne fonctionne pas pour moi du tout... Chaque h3 devrait développer/réduire la div en dessous, et je ne suis pas sûr de savoir pourquoi cela ne fonctionne pas... Accordé, est un fortement imbriqués div, mais je pensais que le script ci-dessous permettrait de trouver le uforms catégorie indépendamment de la façon dont beaucoup d'autres balisage est sur la page quand il charge, puis de faire ce qu'il est censé faire...

Voici le jquery:

$(document).ready(function () {
        $('div.uforms:eq(1)> div:gt(-1)').hide();
        $('div.uforms:eq(1)> h3').click(function() {
                $(this).next('div:hidden').slideDown('fast').siblings('div:visible').slideUp('fast');
        });
});

Et, le balisage (moins tous les trucs qui est en fait à l'intérieur de la <div></div>, parce qu'il est beaucoup de la forme des choses...)

<div class="uforms">
  <h3>Heading</h3>
  <div></div>

  <h3>Heading</h3>
  <div></div>

  <h3>Heading</h3>
  <div></div>
</div>
Quel est le point de :gt(-1) et quelles sont vos intentions avec :eq(1)? Bizarre de voir ça.

OriginalL'auteur n00b0101 | 2009-10-12