jquery klicken und verstecken funktioniert nicht - javascript, jquery

Hallo, ich schreibe ein Programm und wenn du auf ein Div klickst, soll es die eigene Klasse verstecken und eine andere Klasse anzeigen, aber es funktioniert nicht. Hier ist mein Code.

$("#one").click(function(){

var c = name1.length;
if (c % 2 > 0) {
j = 1;
$(".color").hide();
$(".text3").show();

}else if(c % 2 == 0){
j = 0;
$(".color").hide();
$(".text2").show();
}


});

Antworten:

$("#one").click(function() {
$( this ).toggleClass( "your_class" );
});

Soweit ich das beurteilen kann, sieht der Code korrekt aus. Ohne es im Kontext der Website zu sehen, könnte Ihr Problem eines der folgenden sein:

• jQuery ist nicht korrekt an die Seite angehängt
• Die Variable j ist nicht im Geltungsbereich
• Eine Ihrer IDs wurde nicht gefunden

Versuchen Sie, in document.ready einzufügen, ohne das Ihr Skript nicht ausgeführt wird.

$( document ).ready(function() {
$( "#one" ).on( "click", function() {

var c = name1.length;
if (c % 2 > 0) {
j = 1;
$(".color").hide();
$(".text3").show();

}else if(c % 2 == 0){
j = 0;
$(".color").hide();
$(".text2").show();
}
});
});

Ich glaube, Sie möchten mit diesen Klassennamen kein anderes Diff ein- / ausblenden, sondern die Klassennamen von div # one umschalten.

http://api.jquery.com/toggleclass/