0
votes

JavaScript Classe à bascule sur des éléments avec classe

Lorsque tout élément avec .Mytrigger code> est cliqué, .MyActive code> sera basculé sur l'élément avec #mytarget code>.

J'ai le Code suivant: p>

p>

<a class="mytrigger">Button</a>
<div id="mytarget"><p>Hello</p></div>
<a class="mytrigger">Button</a>


0 commentaires

3 Réponses :


0
votes

Utilisation de votre code, je viens de changer document.getelementsByID em> to document.getelementByID em> (supprimer les s).

p>

    <button class="mytrigger">Button
    </button>

    <div id="mytarget"><p>Hello</p>
    </div>

    <button class="mytrigger">Button
    </button>


0 commentaires

0
votes

en utilisant AddeventListener : Il établit une fonction qui sera appelée chaque fois que l'événement spécifié est livré à la cible.

document.bind('click', '.mytrigger', function(){  
 document.getElementById('mytarget').classList.toggle("myactive");
});


2 commentaires

getelementsbyid ?


@Bewww, si cela résout votre problème, acceptez la réponse :) Acceptez une réponse



1
votes

Faites autant que des éléments que vous voulez avec la classe ".Mytrigger" vient de mettre la fonction Onclick comme mentionné.

J'espère que cela aide: - Sinon, veuillez clarifier votre problème P>

Code HTML strud> p>

function myFunction() {
  var element = document.getElementById("mytarget");
  element.classList.toggle("myactive");
}


0 commentaires