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
- Afficher / masquer les polygones dans Google Maps avec case à cocher
- Le bouton bascule image ne fonctionne qu’une fois
- jQuery toggleClass et cochez la case
- Développer l’image tout en cachant d’autres divs
- Basic Jquery ne fonctionne pas correctement – contrôle de santé s’il vous plaît
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:
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