Javascript 第一次单击时，将div从高度：0px设置为自动失败

我正在尝试将块元素的动画从0px设置为auto。然而，在第一次点击它只是立即显示在其自动高度。第一次单击后，它将平滑地设置为可见和不可见的动画

CSS:

JS:

---

试着像这样使用

slideToggle（）

：

$(this).closest('.item').find('.comments').slideToggle();

---

看起来你刚刚忘记打字了

  height: 0;

---

在CSS中。这使得它在一开始就被设置为自动。

我认为jQuery不是一个可以切换单击的功能，所以我为你做了一个，我是JS新手，我认为你可以给css提供动画，而

addClass

和

removeClass

是这个动作的要点

不是100%确定，而是高度（）采用像素值，因此“自动”可能无法工作。尝试使用css（）--我可能是错误的，因为文档会说--调用.height（value）时，值可以是字符串（数字和单位）或数字。如果只为值提供了一个数字，jQuery将采用像素单位。但是，如果提供了字符串，则必须为高度提供有效的CSS测量值（例如100px、50%或自动）。请注意，在现代浏览器中，CSS height属性不包括填充、边框或边距。$（this）.height（'auto'）；--是您单击的按钮==您是否尝试过$（注释）.height（'auto'）；

$(this).closest('.item').find('.comments').slideToggle();

  height: 0;