jQuery bascule sur chacun?

im utilisant jQuery pour basculer certains paragraphes. c’est assez facile avec juste un paragraphe mais disons que j’ai une configuration très générique. le deuxième paragraphe est initialement caché avec css.

some text

some more text

read more

some text

some more text

read more

Le problème est que chaque fois que je clique sur l’un des liens “en lire plus”, il affiche tous les deux paragraphes. Je voudrais juste qu’il montre le deuxième paragraphe de celui cliqué.

très nouveau pour jquery

Commencez par envelopper vos balises

dans une div comme ceci:

 

some text

some more text

more/less

Avec du CSS:

 .toggleable p { display: none; } 

Puis le jQuery:

 $('.toggleable a.more').click( function() { $(this).siblings('p').toggle(); } ); 

Devrait le gérer.

Il y a bien sûr d’autres moyens de résoudre ce problème. Vous pourriez peut-être mettre les liens en dehors de la div avec le texte, puis faire quelque chose comme: $('.more').click( function() { $(this).prev().toggle(); } ); … beaucoup d’approches. Jetez un coup d’œil aux méthodes de traversée du DOM de jQuery.

désolé, je pense que j’ai peut-être foiré la structure. ses

 

some text

read more

some text

read more

J’ai besoin du premier

pour montrer toujours comme une sorte d’expert. le deuxième

et tout autre

à ne montrer que sur un clic de son spécifique merci pour la réponse rapide.