Jquery 尝试切换动画div square（无法找出错误）

所以，我用这个：

作为在此旋转木马中设置方块动画的基础，所有方块都具有class=carouselbutton：

JavaScript

$('.carouselbutton').toggle(function(){
        $(this).animate({height:'300',width:'300'});
    },function(){
        $(this).animate({height:'80',width:'80'});
});

它不起作用了。我想知道是否有其他类别的标签在干扰。我将非常感谢任何人的意见

---

旁注：我也不知道如何在正方形内垂直对齐文本。使用“垂直对齐：中间”时，它会更改正方形的形状。不过，我不确定我是否会因为在上面加上第二个标签而遇到麻烦。

切换fn，fn已被弃用。所以这取决于您使用的jQuery版本。第二个演示加载了mootools，这肯定不起作用。这里不推荐使用较旧的jQuery。我在这里。可能会有帮助。谢谢-那是一篇很有帮助的帖子，肖纳克。我为jQuery1.11.1更新了它。现在，正方形展开，但第二次单击时不会收缩。对于垂直对齐，一种方法是将线高度设置为与框相同的高度，例如线高度：100px；在animate方法中：$this.animate{height:'300'，width:'300'，lineHeight:'300px'}；您还可以使用.large类并使用jQuery toggleClass方法。@JasonX检查您更新的fiddle。