javascript - Toggle（jQuery）をクリックします

Question

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

..ホバーの場合、クリックトグルについても同じようにするにはどうすればよいですか。つまり、クリック時にxを、2回目のクリックでyを実行しますか？

どうもありがとう

Answer 1

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

Answer 2

$.toggle()任意の数の機能を取ります。ここに2つあります：

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

デモ： http： //jsfiddle.net/vbkBQ/

Answer 3

トグル（）の問題の1つは、自動的にを呼び出すことevent.preventDefault()です。これは、デフォルトのアクションをそのままにするか、条件付きでのみ呼び出すことができる1つの方法です。

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