设置活动类并将其从所有其他类中删除

Question

我有几个div在之间滚动。我需要将活动视图中的一个（在点击链接后）设置为“活动”，并且所有其他div应该删除该类。

使用切换我无法使其工作。

$('.projecten').click(function () {
$('#due').toggleClass('selected'),
    $paneTarget.stop().scrollTo('#due', 800, {
        margin: true,
        onAfter: function () {
            $("body").animate({
                backgroundColor: "#1f8311"
            }, 800),projectenfade();
        }
    }); menuShow(),titleFadeOut();
});

html

<div id="due" class="elements">
                    <h3 class="resizeme">...</h3>
                </div>
<div id="otto" class="elements">
                    <h3 class="resizeme">...</h3>
                </div>
<div id="etc" class="elements">
                    <h3 class="resizeme">...</h3>
                </div>

...

<div id="menu">

<p>
        <a class="welkom pointme">Welkom</a> <a class="blog pointme">Blog</a> <a class="media pointme">Media</a> <a class="projecten pointme">Projecten</a> <a class="contact pointme">Contact</a> 
        </p>
    </div>

Answer 1

为什么不使用addClass和removeClass：

$(".selected").removeClass("selected"); 
$(this).addClass("selected");

仅从div中删除selected，将其用于第一行：

$("div.selected").removeClass("selected");