设置活动的班级并将其从所有其他班级中删除 [英] setting active class and removing it from all others

问题描述

我有几个div可以滚动.我需要将活动视图中的一个(单击链接后)设置为活动"，所有其他div都应删除该类.

I've got a couple of divs to scroll between. I need to set the one in active view (after a link was clicked) to 'active' and all the other div's should have that class removed.

使用切换开关，我无法正常工作.

Using toggle I can't get it to work.

$('.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>

推荐答案

为什么不只使用addClass和removeClass:

why not just use addClass and removeClass:

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

要仅将div中的selected删除，请在第一行中使用它:

to only remove selected from divs use this for the first line:

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

这篇关于设置活动的班级并将其从所有其他班级中删除的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！