Нажмите Toggle (jQuery)

Question

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

.. вот для hover, как бы я сделал то же самое для переключения клика, т.е. сделать x при клике и y при втором клике?

Manythanks

Answer 1

$.toggle() будет выполнять любое количество функций. Вот с двумя:

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

Демо: http://jsfiddle.net/vbkBQ/

Answer 2

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

Answer 3

Одна проблема с toggle () заключается в том, что он автоматически вызывает event.preventDefault(). Вот один из способов, который позволит вам оставить действие по умолчанию или разрешить его вызывать только условно.

$("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);
});​​