使用 jQuery 扩展 Div

Question

我喜欢做一些非常简单的事情

有一个只显示一点图像的 div 点击div，展开到图像高度 重新点击它，收缩到原来的高度

现在，我的测试不结论！问题这么多，有没有更简单的方法？

一些有趣结果的链接！

大部分为 这个

Answer 1

做到这一点的最好方法是有一个手柄，它可以切换面板：

<div class="block">
  <div class="handle">Click Me</div>
  <div class="panel">
    <img src="bigImage.jpg" />
  </div>
</div>

然后是这样的：

$(".handle").click(function(){
  $(this).next().slideToggle();
});

这不仅简单，而且是可预测的，并且不会让用户对行为感到困惑。