javascript - 使用 jQuery 显示/隐藏

Question

当选择一个作为输入时希望它显示 .toggle，但到目前为止它只是隐藏它？另外，这可能是一个漫长的过程，但我如何编写这段代码，以便我可以再次使用它，而不必编写新的类名称。

这是我的代码脚本:

$(function () {
if ($(".binary").val() == "0"){
 $( ".toggle" ).hide();
} else {
 $( ".toggle" ).show();
}
});

我的html

<div class="option checkbox">
  <label class="field_wrap">
    <div class="label">Show Borders</div>
      <div class="field">
      <select class="binary tug" name="show_post_borders">
         <option value="0"></option>
         <option value="1"></option>
      </select>
    </div>
  </label>
</div> 

<div class="toggle">Filer</div>

Answer 1

您的 JavaScript 仅在页面加载时执行一次。根据您提供的信息，我认为您真正想做的是:

$(function () {
  $(".binary").change(function() {
    if ($(this).val() == "0"){
      $( ".toggle" ).hide();
    } else {
      $( ".toggle" ).show();
    }
  });
});

不同之处在于，您在这里设置了一个函数，该函数将在每次发生更改事件时运行(=您在选择框中更改您的选择)。