http://codepen.io/DylanEspey/pen/Cvwzo
目的是让动画在单击时播放，然后在第二次单击时反转。我不确定如何使用Javascript进行设置（您知道现在才学习）。我的想法是在下面使用jQuery添加一个类，但是没有用。我试图使用：target选择器来“欺骗”，但这并不是真正的功能。有任何想法吗？
$(document).ready(function (){
$(function () {
$("#button").click(function () {
$("#button").toggleClass(".active");
});
});
});
最佳答案
http://codepen.io/anon/pen/qbgae
标记：
<body>
<ul>
<li>
<a href="#button">
<div id="button">
<div class="plus">+</div>
</div>
</a>
</li>
<li>
<div id="banner">
<p>Some text for your viewing pleasure!</p>
</div>
</li>
</ul>
</body>
CSS：
.active {
color: red !important;
}
脚本：
$(document).ready(function (){
$("#button").click(function () {
$(this).toggleClass("active");
});
});
您只需要删除。从您的toggleClass中的.active。
其次，您在上面的小提琴中没有活动班级，但我想您已经知道了。
祝您的应用程序好运。
关于jquery - 单击时打开/关闭CSS过渡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23964194/