javascript - 如何让这个可折叠的 DIV 工作？

Question

我看到另一个成员(member)发了这个: http://jsfiddle.net/Q4PUw/2/但我无法让它工作。

他用了别人的例子 <div class="sitesection">所以我不确定它是如何工作的。我想要的只是一个显示“展开”的链接，单击该链接后文本将滚出。

javascript 部分应该是什么样子的？这:？

<script language="javascript">
$('.expand-one').click(function(){
    $('.content-one').slideToggle('slow');
});
</script>

我相信我搞砸了 DIV，因为我不知道在哪里使用它。但是当我点击示例中的链接时，它只会显示 www.mysite.com/page.html#由于 ahref 是 #.

Answer 1

如果您单击 anchor ， native 浏览器行为将遵循 href url，因此您必须防止 anchor 标记的默认行为。

试试这个:

<script language="javascript">
 $('.expand-one').click(function(event){
      e.preventDefault();
      $(this).slideToggle('slow');
});
</script>