基於變量jQuery的顯示/隱藏（而不是切換）

Question

在jQuery（我目前使用1.11.4），是否有任何內置的幫助功能，讓您顯示/隱藏基於變量的元素？

例如，在此刻展現基於一個複選框，我像做這兩個例子/隱藏着什麼......

$("#myChk").on("click", function() { 
    if ($(this).is(":checked")) { 
    $("#otherEl").show(); 
    } else { 
    $("#otherEl").hide(); 
    } 
}); 

$("#myChk").on("click", function() { 
    var $otherEl = $("#otherEl"); 
    ($(this).is(":checked") ? $otherEl.show() : $otherEl.hide()); 
}); 

是否有一個內置的功能，我不能很容易地找到允許類似的文檔...

$("#myChk").on("click", function() { 
    $("#otherEl").showOrHide($(this).is(":checked")) 
}); 

我很確定沒有任何東西，但我想我會問，以防萬一。

我知道.toggle()但這是基於元素的當前可見性，而不是外部變量。

（如果有人知道的任何事情.slideUp和.slideDown這也將是有益的相似。）

Answer 1

你只需要在文件中進一步向下看。 .toggle()允許你傳遞真/假設置顯示：

http://api.jquery.com/toggle/#toggle-display

顯示

類型：Boolean

使用真實的顯示元素或假隱藏 它。

因此，您可以將$(this).is(":checked")傳遞給它，例如， .toggle($(this).is(":checked"))