J'ai une situation où je ne comprends pas Toggle de jQuery.jQuery Commutateur bascule images
J'ai deux boutons, les deux ouvrent le même contenu et lorsque vous cliquez sur un bouton, le contenu devrait s'ouvrir ou se fermer et l'attribut change le bouton de ouvert à fermé. (Donc les deux boutons font la même fonction). La seule chose est, quand je clique sur le bouton du haut et ouvre mon contenu, puis cliquez sur le bouton inférieur pour le fermer, les attributs de l'image sont commutés de façon incorrecte.
Voici une version très dépouillée de ce que mon code ressemble et j'apprécierais de l'aide.
<script language="javascript" type="text/javascript">
$(function() {
var open = false;
$("#button1, #button2").toggle(
function() {
open = true;
$("#button1").attr("src", "images/btn-open.gif");
$("#button2").attr("src", "images/btn-open.gif");
},
function() {
if (open) {
$("#button1").attr("src", "images/btn-closed.gif");
$("#button2").attr("src", "images/btn-closed.gif");
} else {
$("#button1").attr("src", "images/btn-open.gif");
$("#button2").attr("src", "images/btn-open.gif");
}
open = false;
}
);
});
</script>
<img id="button1" src="images/btn-open.gif"></img>
<br />
<br />
<br />
<br />
<img id="button2" src="images/btn-open.gif"></img>
Merci Nick, laissez-moi essayer ceci et voir comment ça se passe;) –
C'est la merde! Merci Nick! –