点击时交换课程

Question

我一直想弄清楚当你点击它时我应该如何更改一个元素类。

目前我有两个班级（cOpen和cClosed）。当你打开页面时，div被设置为'cClosed'。

<div id="camera" class="cClosed" onClick="cameraToggle('weekLoaderWrapper', 'cameraContainer');">Kamera</div></a>

onClick中的内容与我的问题btw无关。

我也把这个脚本放在代码中

$('#camera').click(function() {
    $(this).toggleClass('cOpen');
    $(this).toggleClass('cClosed');
});

我想要它做的是当你按下“相机”时 - 该类只需交换到cClosed而不是cOpen，反之亦然，当你再次点击它时。这不是atm。

我的问题是我应该如何“切换”div，以便交换“相机”-div的类。

Answer 1

你为什么要用两节课？使用一个类来标识open，而使用none来表示关闭。

$('#camera').click(function() {
    $(this).toggleClass('cOpen');
});

Answer 2

这很简单：

$('div').click(
    function(){
        $(this).toggleClass('cClosed cOpen');
    });​​​​​​​​​​​​​​

JS Fiddle demo

虽然我在此Starx's suggestion中排名第二;但这是你的HTML。

参考：

• toggleClass()。