Klasse hinzufügen/entfernen mit jQuery-Funktion

Question

Ich habe diesen Code.

CSS

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none; 
}

HTML

Anzeigen/Verbergen

    Füllen Sie diesen Platz mit wirklich interessantem Inhalt.
    verstecken

JS

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

Kann mir jemand sagen, ob es möglich ist, dieser jQuery-Funktion hinzuzufügen, dass beim Klicken darauf gleichzeitig ein neues div ein-/ausgeblendet wird, eine Klasse zu einem <a>-Tag geändert und eine andere Klasse von einem anderen <a>-Tag entfernt wird? Wie kann ich das machen?

Danke.

Answer 1

Ja, du kannst es tun, schau dir die Methode addClass und auch die Methode removeClass an.

Answer 2

entfernen: jQuery('element').removeClass('klasse'); referenz
hinzufügen: jQuery('element').addClass('klasse'); referenz

Und du kannst toggleClass verwenden, um zu wechseln.
umschalten: jQuery('element').toggleClass('klasse andereKlasse'); referenz

Answer 3

Klasse hinzufügen:

$('selector').addClass('className');

Klasse entfernen:

$('selector').removeClass('className');

Answer 4

Ja, natürlich kannst du Klassen hinzufügen oder entfernen

$("#ButtonId").click(function () {
    $('#itemid').removeClass('classname');
    $('#itemid').addClass('classname');
});