切换事件处理程序不运行

Question

我想让h2标记具有动画效果，这样当单击时，它会变大和变小；我将在它变大时使用线性缓动，在它变小时使用摇摆缓动。问题是，在我的网站中，当页面加载时，第一段会自动缩小和消失。

$('h2').toggle(function() {
    $(this).animate({'height':'+=150px'}, 2000, 'linear');
}, function() {
    $(this).animate({'height':'-=150px'}, 2000, 'swing');
});

你可以查看我的jsfiddle here和我的网站here ( h2标签是"Greaty“)

如果能得到任何帮助，我将不胜感激！

Answer 1

您需要从隐藏h2开始。

h2{
  display:none;
}