4

我正在尝试为我的页面创建一个自定义手风琴来显示我的帖子。我有它使用 HTML 的列表格式，当您单击每个标题以展开以显示更多信息时，我正在尝试创建效果。

但是我不想为<li>页面上的六个元素说六个代码块。

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

4

2 回答 2

2

你看过这个教程吗？

因为，正如本例所示，不需要多个条件即可实现这一目标。

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

加载页面时，所有类名为“msg_body”的元素都会折叠。

jQuery 的“slideToggle()”函数用于展开和折叠类“msg_body”的“div”。

当用户单击类“.msg_head”的元素时，旁边带有类“msg_body”的div，会以滑动效果切换，使用jQuery制作切换面板。

于 2008-11-23T01:15:01.043 回答