切换不会保持关闭，我必须单击按钮才能关闭切换

Question

    <script type="text/javascript">

    $(document).ready(function(){

    $("#click").click(function () {
    $("#info").slideToggle('slow');
    });

    });

    </script>

这是html代码

        

        <h4 class="rsvpTitle">


        <a href="#" id="click" class= "blockExpand"> <span class="arrow"></span>RSVP</a>
        </h4>           
        <div id="info" class="expandContent">  

            <form id="formmail method="post" action="form_handler.php">

                <label class="response" for="response">Will you be joining us?</label><br>
                <span style="margin-left:121px;">   
                <input type="radio" name="response" value="I'll be there with bells on!" id="response">I'll be there with bells on!</span>
                <br>

我有这个代码用于切换效果。但是，切换不会保持接近，我希望切换保持接近，直到有人点击按钮释放切换。有任何想法吗？代码编写得很好吗？

Answer 1

只需在CSS中添加

即可

#info {
   display : none;
}

Answer 2

Working Example

（的jsfiddle）

说明

该元素未在文档load事件中隐藏。您必须在CSS中使用display:none;隐藏它，以确保在没有用户互动的情况下无法看到它。

---

解决方案

将以下内容添加到CSS：

#info
{
    display:none;
}

注

您没有关闭input和span元素！添加结束标记：

<input type="radio" name="response" value="I'll be there with bells on!" id="response">I'll be there with bells on!
</input>
</span>

Answer 3

你必须添加display：none;到#info和e.preventDefault（）到你的js

例子： http://jsbin.com/oxuqus/2/或 http://jsfiddle.net/kB2fc/

CSS：

#info {
  display: none;
} 

JS：

$(document).ready(function(){

  $("#click").on("click", function(e) {
    $("#info").slideToggle('slow');
    e.preventDefault();
  });

});