11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Une petite question autour de jQuery :

J'ai plusieurs structures p suivantes:
<p class="arrtop">
<span class="btitle">Titre</span>
<span class="blcont">Contenu</span>
</p>


Mon but en jQuery est d'abord de cacher le contenu du span blcont, jusque-là pas de soucis, il suffit d'appliquer sur tous les span un slideUp par exemple.
$(".blcont").slideUp();


Seulement ensuite je veux que lorsque je clique sur btitle, le span blcont préalablement caché, s'affiche.
Et là, je bloque. Je ne vois pas comment cibler le blcont à afficher.

J'avais pensé à une méthode tordue en récupérant le parent du btitle cliqué et ensuite à appliquer à son enfant blcont un slideDown, mais je n'y suis pas parvenu... Smiley fache

J'espère avoir été clair Smiley rolleyes

Merci de votre aide!
Modifié par Hybriya (03 Apr 2012 - 16:26)
Bonjour,

Je te conseil d'utiliser la fonction toggle() si c'est pour afficher/cacher.

Car le slideUp/slideDown dépend beaucoup du temps d'exécution de la fonction.
Ok, merci Benjamin et Papy, je vais regarder ces deux notions, si j'ai un souci je vous tiens au courant.

Merci beaucoup!

Edit: Super, ça fonctionne Smiley smile J'ai effectivement utilisé next() et toggle(), c'est nettement plus simple avec ces deux éléments oui.. Smiley lol Merci encore.
Modifié par Hybriya (01 Mar 2010 - 17:41)