Does anyone know how to write the following in a neater, one line format? I'm sure it's possible but can't get very far with it.

if($('#myDiv').hasClass('hidden')){
   $('#myDiv').toggleClass('shown hidden');
}

Basically to only perform a toggle in one direction.

Many thanks,

Tom.

Does anyone know how to write the following in a neater, one line format? I'm sure it's possible but can't get very far with it.

if($('#myDiv').hasClass('hidden')){
   $('#myDiv').toggleClass('shown hidden');
}

Basically to only perform a toggle in one direction.

Many thanks,

Tom.

• javascript
• jquery
• toggleclass

• you want this in one line/.... it means – FrontEnd Expert Commented Jun 15, 2012 at 11:43
• var result = $("#myDiv").hasClass("hidden") ? $('#myDiv').toggleClass('shown hidden') : false – Jagz S Commented Jun 15, 2012 at 11:45

2 Answers 2

$('#myDiv.hidden').toggleClass('shown hidden');

Maybe you can just call $('#myDiv').removeClass('hidden').addClass('shown') (and the corresponding inverse). It'll remove .hidden if it's there, and add .shown if it doesn't have it yet.