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
Vous devez vous connecter pour publier un commentaire.
Je pense que cette est ce que vous essayez d'atteindre
Je recommande fortement le jQueryUI cadre.
Sauf si vous n'êtes pas déjà en utilisant jQueryUI, alors vous êtes l'ajout d'un minimum de 32 ko (à l'aide d'une version personnalisée) juste pour un accordéon.
OriginalL'auteur Ben Shelock
Vous êtes les sélecteurs sont tout simplement faux. Vous n'avez pas besoin
eq
ougt
Je voudrais changer la classe identifié à quelque chose de plus général, de sorte que vous pouvez réutiliser dans d'autres endroits.
Aussi, d'autres ont suggéré que vous venez d'utiliser jQueryUI, ce qui est tout à fait valable, à moins que vous ne l'êtes pas déjà ou l'intention de l'utiliser pour des fonctionnalités supplémentaires. Une s3 de la ligne de la fonction beats y compris un plus de 32 ko (bibliothèque de la taille de la minimalement les composants nécessaires dans une mesure de construire).
OriginalL'auteur Justin Johnson
Je viens d'utiliser le widget accordéon avec juste un div à l'intérieur.
Inclure ce lien css:
OriginalL'auteur twilliams