Cliquez sur Bascule (jQuery)

Question

$("li").hover(
function() { 
    // do x 
}, 
function() { 
    // do y 
}); 

.. thats pour hover, comment ferais-je la même chose pour click toggle, c'est-à-dire x sur click et y sur second clic?

Manythanks

Answer 1

$('li').toggle(function() { 
alert(1) 
}, function() { 
alert(2); 
}); 

Answer 2

$.toggle() prendra un certain nombre de fonctions. Ici, il est avec deux:

$("li").toggle(
    function() { /* do x */ }, 
    function() { /* do y */ } 
); 

Démo: http://jsfiddle.net/vbkBQ/

Answer 3

Un problème avec bascule() est qu'il appelle automatiquement event.preventDefault(). Voici une façon de laisser l'action par défaut en place ou de ne l'appeler que conditionnellement.

$("a").click(function(event){ 
    var toggle = ($(this).data('toggle') == undefined) ? true : $(this).data('toggle'); 
    console.log(toggle); 

    if(toggle){ 
     event.preventDefault(); 
    } 

    $(this).data('toggle', !toggle); 
});​​