Question

<tab>
<div class="switchLeft"></div>


.switchLeft
{

}

.switchRight
{

}



js code

 $("div.switchLeft").click(function () {

          if (className == "switchRight") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchLeft");

        }

        else if (className == "switchLeft") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchRight");
            break;

        }

    });

but else if here in after,switch is working again and switchRight removing
thank you

Answer 1

To access class you can use this.className or it should be $(this).attr('class')

if($(this).attr('class') == "switchRight") {

    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");

}

else if ($(this).attr('class') == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;

}

With this.className

if(this.className == "switchRight") {

    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");

}

else if (this.className == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;

}