jquery - 默认情况下切换点击隐藏

我使用jQuery切换按钮来隐藏div。
但我希望默认情况下将div隐藏。
我该如何解决？

我使用以下代码：

$('.fold_reply').click(function() {
    $('.reply').toggle(500)
})

http://jsfiddle.net/z9rGz/307/

最佳答案

添加CSS规则以将display设置为none

.reply{display: none;}

演示版

jQuery.noConflict();
jQuery(function($){
  $('.fold_reply').click(function() {
    $('.reply').toggle(500)
  });
});

.reply {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="reply">
    Some content
    <br />
    Some more content
</div>

<button class="fold_reply">Fold</button>

关于jquery - 默认情况下切换点击隐藏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28495442/