Question

http://codepen.io/DylanEspey/pen/Cvwzo

目标是让动画在点击时播放，然后在第二次点击时反转。我不确定如何使用Javascript来设置它（刚才学习它，你看。）。我有想法在下面使用jQuery添加一个类，但它没有工作。我试图欺骗＆＃34;使用：target选择器，但这不是真正的功能。有什么想法吗？

$(document).ready(function (){
        $(function () {  
        $("#button").click(function () {  
            $("#button").toggleClass(".active");  
        });  
    });  
});

Answer 1

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。

其次，你上面没有活跃的课程，但我猜你已经知道了。

祝你的应用好运。

Answer 2

您在toggleClass函数中设置了无效参数。只需设置一个没有点的字符串，例如：

$('.foo').toggleClass('active');

我分叉你的codepen并做了一些改变。您可以在此处查看工作版本：http://codepen.io/hinok/pen/wLlht

单击时打开/关闭CSS过渡

2 个答案: