Exemples d'utilisation de la fonction toggle() dans jQuery_jquery

J'ai rencontré un exemple intéressant aujourd'hui et je l'ai enregistré.

Un menu de premier niveau contient un menu de deuxième niveau à l'intérieur. Le menu de deuxième niveau relie les éléments de la page via des points d'ancrage. L'effet souhaité est que lorsque l'on clique sur l'ancre, la page est liée à l'ancre correspondante et le menu de deuxième niveau est masqué. Lorsque l'on clique à nouveau sur le menu de premier niveau, l'exécution continue. .

J'ai essayé de nombreuses méthodes mais cela n'a pas fonctionné. Finalement, je m'en suis rendu compte en lisant la fonction bascule de jquery.

    //这样写可以
    $(".nav").toggle(function(){
      $(".content").slideToggle();
    });
    //这样写不可以
    $(".nav").toggle(function(){
     $(".content").slideDown();
   },function(){
     $(".content").slideUp();
   });
   //这样写也可以
    $(".nav").click(function(){
      $(".content").toggle("slow");
    });

Vous trouverez ci-joint les instructions d'utilisation de toggle()

basculer(fn,fn)

Changez la fonction à appeler à chaque clic.
Si un élément correspondant est cliqué, la première fonction spécifiée est déclenchée, et lorsque le même élément est cliqué à nouveau, la deuxième fonction spécifiée est déclenchée. Chaque clic suivant répète tour à tour l’appel à ces deux fonctions.

Peut être supprimé en utilisant unbind("click").

Valeur de retour
jQuery

Paramètres

fn (Fonction) : La fonction à exécuter lorsque le clic impair est effectué.

fn (Fonction) : La fonction à exécuter lorsque le clic pair est effectué.

Exemple

Changer une classe à la table

Code jQuery :

$("td").toggle( 
function () { 
$(this).addClass("selected"); 
}, 
function () { 
$(this).removeClass("selected"); 
} 
);

Supplémentaire : la bascule ne fonctionne que lorsqu'on clique dessus, le survol n'est qu'un événement lorsque la souris entre et sort, et n'a rien à voir avec les clics. Les deux peuvent être utilisés ensemble