Hello I am using this jquery code onclick="jQuery('.hidden').show()" to show the class labeled .hidden this is what the class looks like :

.hidden { display:none}

the issue is when it displays the class its a display:block; I would like it to display it as display:inline; that way its on the same line as the text that es before. any help would be appreciated been going crazy I googled almost everything related to it but nothing guided me to the right path.

Hello I am using this jquery code onclick="jQuery('.hidden').show()" to show the class labeled .hidden this is what the class looks like :

.hidden { display:none}

the issue is when it displays the class its a display:block; I would like it to display it as display:inline; that way its on the same line as the text that es before. any help would be appreciated been going crazy I googled almost everything related to it but nothing guided me to the right path.

• javascript
• jquery
• css

2 Answers 2

you could append an explicit css attribute to the element:

onclick="jQuery('.hidden').css('display','inline');"

try this, i hope this helps :)

You probably want to add/remove the class .hidden from the element, if you want it to display inline, create a css class .inline with the appropriate css and toggle this on / off when needed. Or the other option is use an html element that is inline rather than block if possible.