用jQuery扩展Div

时间:2010-01-22 00:10:12

标签: jquery html tabs

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

有一个div只显示一点点图像 单击div,展开到图像高度 重新点击它,收缩到原始高度

现在,我的测试并不顺利!这么多问题!,有更简单的方法吗?

link on some funny result !

主要是this

1 个答案:

答案 0 :(得分:3)

执行此操作的最佳方法是使用一个切换面板的句柄:

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

然后像:

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

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