在keyup上显示div类，否则隐藏jquery

Question

我是Jquery的新手。我需要在开头隐藏一个按钮和hours_div，并仅在单击小时表单时显示。但最初隐藏起来。

这是我到目前为止所做的：

$(function () {

  $("#hours_div").trigger('keyup');
  $('.phone_button #hours_div').show();

我添加了一切可以让它发挥作用。

http://jsfiddle.net/1uu1uc7c/

Answer 1

请参阅以下jsfiddle。 http://jsfiddle.net/1uu1uc7c/3/

这是你想要实现的目标吗？

<!-- CSS -->
#extra-options {
    display:none;
}

<!-- HTML -->
<form id='form' class='form'>
    Click Here
</form>
<div id='extra-options'>
    <div class="button">
        My button
    </div>
    <div id="hours_div">
        Hours
    </div>
</div>

<!-- JQuery -->
$(document).ready(function() {
    $("#form").click(function() {
       $("#extra-options").show(); 
    });
});