Javascript 简单的JSCSS更改？

这里我得到了一个header div，我想平滑地扩展到高度：300px onClick。 我是个JS高手，各种教程对我都不好。 看

HTML:

---

首先，您缺少一个结束标记

要设置高度动画，请使用

id

标记

div

，例如

，然后导入并使用jQuery，如下所示：

$('#myDiv').click(function(){
  $(this).animate({height: "300px"}, 1000); 
});

第二个参数是以毫秒为单位的动画时间

---

对于关于JavaScript和jQuery的noob课程，我建议您访问www.codeaccademy.com

如果您想顺利扩展某些内容，您必须使用CSS3或JavaScript动画库（如jQuery或其他）。我也不会使用内联样式和javascript，而是开始使用样式表和

标记。如果您不了解javascript，也不想花更多的精力学习它，请尝试按照MattDiamant的建议使用CSS3转换。@hugoderhungrige我已经非常了解CSS3转换，但我能用它做的最好的事情是在悬停时播放动画，但我想让它在点击时展开，CSS3几乎没有任何用处。@hugoderhungrige我正计划学习JS，但现在我只需要快速使用这个解决方案。点击过多，对不起。如果您熟悉css3转换，我建议您使用jquery通过$（“#toggler”）.click（）或$（“#toggler”）.toggle（）添加或删除一个类。toggle（）我正计划学习它，但现在我只需要快速使用这个解决方案。

$('#myDiv').click(function(){
  $(this).animate({height: "300px"}, 1000); 
});