jquery-animate - 动画内容 div 'height' 到 'Auto' onclick - jQuery

Question

我有一个内容 div，我想将其设置为特定高度（50 像素），然后 onclick 更改为“自动”-我可以使用 jQuery 进行这项工作吗？我在 YUI 中有它，请参阅下面的代码

 function toggleContent(p, showFull) {
    if (showFull) {
        YAHOO.util.Dom.setStyle(p, 'height', 'auto');
        p.setAttribute('onclick', "toggleContent(this, false);")
    } else {
        YAHOO.util.Dom.setStyle(p, 'height', '50px');
        p.setAttribute('onclick', "toggleContent(this, true);")
    }
    }

这是我想要的示例（YUI）

Answer 1

这是更新为使用 jQuery 的代码：

function toggleContent(p, showFull) {
    if (showFull) {
        $(p).height('auto');
        p.setAttribute('onclick', "toggleContent(this, false);")
    } else {
        $(p).height('50px');
        p.setAttribute('onclick', "toggleContent(this, true);")
    }
}

http://jsfiddle.net/ryanbrill/XUSdC/1/