jquery - 定制 Accordion - 使用每个

Question

我正在尝试为我的页面创建一个自定义 Accordion 来显示我的帖子。我使用 HTML 将其以列表格式保存，并且当您单击每个标题展开以显示更多信息时，我尝试创建效果。

但我不想为 <li> 中的六个提供六个代码块。我在页面上拥有的元素。

有没有办法通过.each();来运行它也许？而不是创建每个部分？尝试更动态的方法。

Answer 1

你看过this tutorial吗？ ？

因为，像这个example illustrates ，不需要多个条件即可实现这一目标。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
  //hide the all of the element with class msg_body
  $(".msg_body").hide();
  //toggle the componenet with class msg_body
  $(".msg_head").click(function()
  {
    $(this).next(".msg_body").slideToggle(600);
  });
});
</script>

All the element with the class name “msg_body” is collapsed when the page is loaded.

The “slideToggle()” function of jQuery is used to expand and collapse the “div” with class “msg_body”.

When user clicks on the element with the class “.msg_head”, then div with class “msg_body” next to it, gets toggled with sliding effect, making toggle panel using jQuery.