Best Alternative For Jquery Toggle() Method?

jQuery deprecated toggle() method. It was way to easy to toggle classes, While searching stackoverflow I found various other methods to accomplish the same task( Alternative to jQu

Solution 1:

In this case, simply use .toggleClass().

$("a").click(function(){
    $("div").toggleClass("a b");
});

Solution 2:

http://api.jquery.com/toggleClass/

toggleClass() seems to be what you want/need.

Solution 3:

toggle() function used to toggle view. Which has performance issues.(will recommend not to use)

toggleClass() is used to toggle class.

case:1

<div id='mydiv' class="class1"></div>

$('#mydiv').toggleClass('class1 class2');

output: <div id='mydiv' class="class2"></div>

case:2

<div id='mydiv' class="class2"></div>

$('#mydiv').toggleClass('class1 class2');

output: <div id='mydiv' class="class1"></div>

case:3

<div id='mydiv' class="class1 class2 class3"></div>

$('#mydiv').toggleClass('class1 class2');

output: <div id='mydiv' class="class3"></div>

Solution 4:

If you have only 1 class to toggle (enabling and removing it), below should work fine:

$("a").click(function(){
        $(this).toggleClass('class1', '');
});