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

Question

我使用 jQuery 切换来隐藏单击时的 div。但我希望 div 默认隐藏。我该如何解决这个问题？

我使用这个代码:

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

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

Answer 1

添加 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>