CODEWITHSUNDEEP
jquery
Poppy
Poppy

Reputation: 45

Using variables in toggleClass

var togglevalue = 'someclassname';

$("#element").toggleClass(togglevalue);

I have been trying to use a variable to specify toggleClass but jquery does not seem to recognize this as a variable. Help pls? I have tried '' "" etc.

Upvotes: 0

Views: 1429

Answers (1)

Luca Davanzo
Luca Davanzo

Reputation: 21528

You have a mistake in some other part of code because this code is working. DEMO

Maybe you don't well understand how "toggleClass" works.

Supposing you have (*):

<div id="element">..</div>

Calling 

$("#element").toggleClass(togglevalue);

You add attribute "class='someclassname'" to $("#element") if class someclassname is not present, otherwise class someclassname will be removed.

So, starting from (*) situation:

$("#element").toggleClass(togglevalue);
<div id="element" class="someclassname">..</div>
$("#element").toggleClass(togglevalue);
<div id="element" class="">..</div>

Another dummy and frequent mistake could be call .toggleClass from $("#element") [id-selector] instead of $(".element") [class-selector]. For example, if you have: 

<div class="element">..</div>

and call

$("#element").toggleClass(togglevalue);

obviously nothing happens!

Upvotes: 4

Related Questions