css过渡和jquery动画冲突

Question

我使用以下css代码在我的所有网站中进行转换

*{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

在网站的一部分，我有一个标题，点击它时必须显示隐藏的内容。在这种情况下，我使用以下jquery代码。

jQuery(".title").click(function () {

    jQuery(".content").slideToggle(300);

});

开场动画不顺利

我在这里放了一个代码示例 https://jsfiddle.net/304u3ogv/

有人知道为什么会发生这种卡住的影响？

P.S。：抱歉我的英语不好。

Answer 1

只需在CSS

中将transition: none;添加到#content即可

请参阅此更新的小提琴https://jsfiddle.net/304u3ogv/1/