2010-05-05 7 views
1

J'ai deux liens différents pour tirer une fonction de bascule. Cependant, ils agissent indépendamment:
Lien 1: Sur
Link 2: Sur
Link 2: Off
Lien 1: Sur
Cependant, je les aime travailler comme si elles étaient le même lien:
lien 1: Sur
link 2: Off
link 2: Sur
lien 1: Off
Jquery bascule avec 2 déclencheurs

Voici mon code actuel ... toute aide serait appréciée.

http://www.jsfiddle.net/Gavyz/

Répondre

3

Ajouter une variable globale basculée.

var toggled = false; 

$(document).ready(function(){ 
    $("button").click(function(){ 
     if(toggled == false) 
      change = 250; 
     else 
      change = -250; 

     toggled = !toggled; 

     $('p').animate({ 
      top: '+='+change 
     }, 700) ; 
    } 
    ); 
}); 
0

modifié le code d'Andrew M il fonctionne ...

var toggled = false; 

$(document).ready(function(){ 
    $("button").click(function(){ 
     if(toggled == false) 
      change = 250; 
     else 
      change = -250; 

     toggled = !toggled; 

     $('p').animate({ 
      top: '+=' + change 
     }, 700) ; 
    });  
}); 

+0

oups, je ne l'ai pas choisi la dernière}); avant je l'ai copié. Cela a bien fonctionné sans déclarer le changement comme un var global. –

+0

Mis à jour, pour abandonner la ligne supplémentaire! – MetalAdam