Javascript jquery动画不处理第一次单击

我正在尝试用动画实现“阅读更多”按钮第一次单击后动画工作正常，但在第一次单击时，似乎没有考虑动画方法。

下面代码的链接

这是我的密码：

var text=$（'.content'）
常量原始高度=text.height（）；
$（“.show more a”）。在（“单击”，函数（）{
var$this=$（this）；
var$content=$this.parent（）.prev（“div.content”）；
var linkText=$this.text（）.toUpperCase（）；
var fullHeight=text[0]。滚动高度；
如果（linkText==“显示更多”）{
linkText=“显示较少”；
$content.addClass（'showContent'）.removeClass（'hideContent'）；
文本动画({
“高度”：全高
});
}否则{
linkText=“显示更多”；
$content.addClass（'hideContent'）.removeClass（'showContent'）；
文本动画({
“高度”：原始高度
});
};
$this.text（linkText）；
});
div.text-container{
保证金：0自动；
宽度：75%；
}
.隐藏的{
溢出：隐藏；
线高：1米；
高度：2米；
}
.展示内容{
线高：1米；
高度：自动；
}
.内容{
文本对齐：对齐；
}
.展示更多{
文本对齐：居中；
显示：内联；
浮动：对；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。
Javascript
=
是区分大小写的比较。您的代码是
if（linkText==“SHOW MORE”）
其中您的主文本是SHOW MORE。就这些。
试试这个：


var text=$（'.content'）
常量原始高度=text.height（）；
//======================
//添加这一行
css（“高度”，原始高度）；
//======================
$（“.show more a”）。在（“单击”，函数（）{
var$this=$（this）；
var$content=$this.parent（）.prev（“div.content”）；
var linkText=$this.text（）.toUpperCase（）；
var fullHeight=text[0]。滚动高度；
如果（linkText==“显示更多”）{
linkText=“显示较少”；
$content.addClass（'showContent'）.removeClass（'hideContent'）；
文本动画({
“高度”：全高
});
}否则{
linkText=“显示更多”；
$content.addClass（'hideContent'）.removeClass（'showContent'）；
文本动画({
“高度”：原始高度
});
};
$this.text（linkText）；
});
div.text-container{
保证金：0自动；
宽度：75%；
过渡：所有0.15秒缓解；
}
.隐藏的{
溢出：隐藏；
线高：1米；
高度：2米；
}
.展示内容{
线高：1米；
高度：自动；
}
.内容{
文本对齐：对齐；
}
.展示更多{
文本对齐：居中；
显示：内联；
浮动：对；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。
为了进行搜索引擎优化，您最好先显示内容，然后在页面加载时使用jq隐藏，这也可能会解决动画问题。这是正确的，因为showContent类有height:auto，它需要有一个确定的高度来制作动画，该行通过javascript提供了一个确定的高度