jquery - 根据用户输入显示一个 div

Question

我认为这对于比我更有经验的程序员来说很简单。在 Rails 中，使用 coffescript，我想根据用户的选择显示额外的内容。实际上，如果他们点击一个复选框，它会弹出一个额外的字段供他们填写，否则它会保持隐藏状态。

现在页面呈现没有错误，但 div 最初没有隐藏(我认为 css 会处理这个)并且点击复选框不会改变状态。

这是我的观点 (_form.html.erb):

 <div id="po_state">
    <%= f.label :is_holiday %><br>
      <%= f.check_box :is_holiday %>
    <div id="addStuff">
          <div class="field">        
          <%= f.label :add_stuff %><br>
          <%= f.text_area :add_stuff %> </div>
    </div>
  </div>

这是我的 CSS (holidays.css.scss):

#addStuff {
display: none;
}

这是我的 coffeeScript (holidays.js.coffee):

showM = ->
  as.style.display = "block"
  return

m = document.getElementById("po_state")

as = document.getElementById("addStuff")

m.onclick = showM

我想用我的 coffeeScript 尝试不同的方法。仍然没有快乐。

$("#po_state").change ->
  $("#addStuff").toggle @checked
  return

Answer 1

这成功了。我暂时将它保存在 jQuery 中。 :

$(document).ready(function(){
    $("#po_state").click (function() {
  $("#addStuff").toggle( "bounce", 1000 );
    return false;
});
});