javascript - 如何防止可折叠内容默认不展开？

Question

可折叠内容默认展开。但我只想通过单击使其展开。如何在此处默认设置类似 expand="false" 的内容？

Javascript:

<script>
       $("#expand dt a").click(function () {
       $(this).parent().siblings("dd").slideToggle(); 
       });
</script>

HTML:

<dl>
  <dt class="right">
    <a href="#">
      <img src="img/more-button.png">
      <span class="learn">&nbsp;Learn More:Areas of Practise</span>
    </a>
  </dt>

  <!--collapsible content begins-->
  <dd class="row collapse">
    test
  </dd>
  <!--collapsible content ends-->

  </dt>
</dl>

Answer 1

只需设置style="display: none;"在 <dd>为初始值。

If the element is initially displayed, it will be hidden; if hidden, it will be shown. The display property is saved and restored as needed.

http://api.jquery.com/slidetoggle/