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

前端之家收集整理的这篇文章主要介绍了点击时使用jquery更改div的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用以下代码扩展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;}

但它不会起作用.我究竟做错了什么?

解决方法

你的代码很好.你也可以试试
$('#portfolio').css("height","74px");

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

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

猜你在找的jQuery相关文章