在悬停：jquery动画div到新的自动高度然后回到原始的自动高度

Question

无法找到解决此问题的问题。我正在尝试使用jquery为2个高度之间的div设置动画，这两个高度在页面加载之前都是未知的。高度将基于馈入div的字符串长度的长度。在悬停时，第一个字符串的扩展版本将被输入，并且当发生这种情况时，我希望div扩展以适应。当用户不再盘旋在div上时，它应该退回到其原始状态。在这里，我想我已经将原来的高度部分缩小了，但有没有办法获得悬停时div的未知高度？我已经听说DOM存储了div的最大高度，你可以通过滚动高度访问它，但是我已经玩过它并且它似乎无法工作。这是代码：

  var originalHeight = $("#0").outerHeight(true);
  var newHeight = ??? // tried this: $("#0")[0].scrollHeight;
  $("#0").hover(function(text) {
    if (excerptsShort[0].length >= 200) {
      $(this).animate(text.type === "mouseenter"
        ? { height: newHeight }
        : { height: originalHeight });  
      $(this).html(text.type === "mouseenter"
        ? excerptsLong[0] + "..." 
        : excerptsShort[0] + "..."
    )}
  });