基于变量的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() 允许你通过 true/false 来设置显示：

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

显示

类型：布尔值

使用 true 显示元素或 false 隐藏 它。

所以你可以将$(this).is(":checked") 传递给它，例如.toggle( $(this).is(":checked") )