Comment puis-je Masquer/Afficher une durée lorsque tous ont la même classe?
J'ai ce code HTML:
<p>Hello <span class="hide" style="display:none">there</span> jquery</p>
<button class="toggle">Toggle</button>
<p>Hello <span class="hide" style="display:none">You</span> jquery</p>
<button class="toggle">Toggle</button>
Avec cette jQuery:
$('.toggle').toggle(
function() {
$('.hide').show("slow");},
function() {
$('.hide').hide("slow");}
);
Maintenant, comme vous pouvez le voir les deux boutons ont la même classe, et les deux de la durée de la même classe. Ce que j'essaie de faire ici, c'est que lorsque j'appuie sur l'un d'entre eux, il est conseillé de masquer/afficher la durée au-dessus d'elle.
J'ai obtenu de la manière dont il est maintenant sur ce jsFiddle
Des idées?
Merci d'avance
Federico
Vous devez vous connecter pour publier un commentaire.
Peut-être
Cela devrait faire l'affaire:
Définir la
id
attribut de l'étendue de mesure à une valeur unique, puis utilisez$('#thatid')
de référence (en remplacement dethatid
avec l'ID que vous définissez).Merci à tous pour les réponses, je viens de trouver un autre moyen qui a été beaucoup mieux pour ce dont j'avais besoin! 🙂
C'est le code que j'ai trouvé, il peut être utile pour quelqu'un d'autre.
Puis il suffit d'utiliser un code HTML dans le présent formulaire
Ajout de la classe de basculer vers span, div ou la marque que vous voulez masquer/afficher et ajouter une classe toggleLink à l'élément parent
Vous pouvez le voir fonctionner sur ici jsFiddle
Ou dans le site web de l'auteur