如何在toggleClass中制作流畅的动画？

Question

当我使用Jquery toggleClass方法时，如何制作流畅的动画？我使用了css过渡，但有一个延迟，但没有平滑。

.paragraph {
  height: 35px;
  overflow: hidden;
  transition: .5s;
}

Link to my code

Answer 1

您可以使用jQuery的toggleClass添加过渡效果：JSFiddle

sigprocmask()

确保您还添加了jQuery UI链接：$('.i-btn').click(function() { $(this).prev('.paragraph').toggleClass("paragraph_all", 1000); if ($(this).prev('.paragraph').hasClass('paragraph_all')) { $(this).text('Show'); } else { $(this).text('Hide'); } });

这是documentation & demo。