Javascript 这种转变并不意味着'；无法处理.line元素，它们会更改属性，但不会应用转换。有什么方法可以启用它吗？

我正在尝试在.line div上创建一个宽度动画，从定义的70%/40%到10%。我已经将转换添加到.line类中（并且我尝试将它添加到所有地方），但它不起作用，宽度正在更改，但没有使用转换如何在动态添加的类上启用转换？

我使用动态添加.hide类，因此当.more按钮具有class.hide时，行的宽度会改变。我加了一个，这样你就可以看到发生了什么。（我只是从我当前的项目中提取了这一部分，为丑陋感到抱歉）。 如果单击“减少”按钮，“更多”按钮将再次出现

  <a class="more">more
    <div class="more-line">
      <div class="line line-70"></div>
      <div class="line line-40"></div>
      <div class="line line-40"></div>
    </div>
  </a>

更多

删除

显示：块第36行

你的问题是什么？转换不起作用。哦，我看到你的困惑了，对不起。转换不适用于.line元素，它们会更改属性，但不会应用转换。有什么方法可以启用它吗？谢谢！我可以问一下为什么会有不同吗？我不知道技术细节，但我会尽我所能解释清楚。默认情况下，

a

标记具有

display:inline

属性。当您添加

.hide

类时，您将

显示设置为
块
，这在某种程度上中断了子项的转换，因为
显示
无法设置动画。如果确实需要显示：块

，则应将其设置为初始状态，并且在动画期间不更改其值。