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

我试图用以下代码扩展div元素的高度：

html:

css:

---

但这行不通。我做错了什么？

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

---

此外，如果您正试图这样做（除非这些元素的大小以百分比为单位），它将不会设置公文包div中元素高度的动画。

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

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

试着用一些背景颜色或图像来清晰地显示

---

FIDLE:

在文档准备就绪时尝试加载它：

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

---

从原来的高度（295像素）到72像素意味着你正在收缩：）。。顺便说一句，你的代码看起来不错。。也许你看不到任何东西，因为我没有公文包divworks的背景，检查一下：我只是在标记之前将脚本粘贴到内容下面，这就成功了！它对我来说很好，除了一个我没有将JSFIDLE设置为jQuery的尴尬时刻。删除了我的“答案”，因为它不是真正的答案。动画的触感很好

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

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

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