切换事件处理程序不运行

Question

我想设置h2标签的动画，以便在点击时，它会增长和缩小;我会在它增长时使用线性缓动，并在它收缩时摆动缓和。问题是在我的网站上，当页面加载时，第一段会自动收缩和消失。

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

您可以查看我的jsfiddle here和我的网站here（h2标签是＆＃34; Greaty Agencie＆＃34;）

我真的很感激我能得到任何帮助！

Answer 1

您需要从h2隐藏。

开始

h2{
  display:none;
}