Question

我正在尝试使用以下代码扩展div元素的高度：

HTML：

<div id="expandbtn">more..</div>

<div id="portfolio"><div class="itemweb" title="lol" rel="#derp"><div class="thumb"><img src="images/items/skills.jpg" title="Skills" rel="#derp"/></div>

脚本：

$('#expandbtn').click(function(){
$('#portfolio').animate({height:'72px'}, 500);});

的CSS：

#portfolio {
width:914px;
height:295px;
margin:0 0 0 -8px;
overflow:hidden;}

但它不起作用。我做错了什么？

Answer 1

你的代码很好。你也可以试试

$('#portfolio').css("height","74px");

尝试放置一些背景颜色或图像以清晰可视化

小提琴：http://jsfiddle.net/49HQM/4/

Answer 2

在文档准备就绪时尝试插入它：

  $(document).ready(function(){
      $('#expandbtn').click(function(){
      $('#portfolio').animate({height:'72px'}, 500);
   });

Answer 3

它工作正常，但尝试设置位置和背景颜色以查看元素，如THIS FIDDLE。

此外，它不会为投资组合div中元素的高度设置动画，如果这是你想要做的（除非这些元素的大小是百分比）？

点击时使用jquery更改div的高度

3 个答案: