toggle(switch)


version 1.3 以降

解説

true が指定された場合は表示、false が指定された場合は非表示にします。

引数

  • switch
    Boolean: 表示する場合は true、非表示にする場合は false

戻り値

  • jQuery: jQueryオブジェクト

例

例1:yellow, green, orange の div 要素を、それぞれ、2回、3回、4回、テストボタンをクリックする毎に表示します。
2,3,4の公倍数で全ての div 要素が表示されることを確認してください。 

var count = 0;
$("#test").click(function() {
    $("#count").text("count:" + (++count));

    $("div.yellow").toggle(count % 2 == 0);  // 2回毎に表示
    $("div.green").toggle(count % 3 == 0);   // 3回毎に表示
    $("div.orange").toggle(count % 4 == 0);  // 4回毎に表示
});



count: 0


ページトップヘページトップヘ

Effects
animate(params, [duration], [easing], [callback])
animate(params, options)
delay(duration, [queueName])
fadeIn([duration], [callback])
fadeOut([duration], [callback])
fadeTo(duration, opacity, [callback])
fadeToggle([duration], [easing], [callback])
jQuery.fx.interval
jQuery.fx.off
hide()
hide(duration, [callback])
show()
show(duration, [callback])
slideDown([duration], [callback])
slideToggle([duration], [callback])
slideUp([duration], [callback])
stop([clearQueue], [jumpToEnd])
toggle([duration], [callback])
toggle(switch)


ページトップヘページトップヘ