I have this situation in my code:
<!-- This is the global CSS file -->
<style type="text/css">
#show_div{
display: none;
}
</style>
<!-- This is the local CSS file (only in this page)-->
<style type="text/css">
#show_div{
/* However to disable display: none;*/
}
</style>
<body>
<div id = "show_div">
Text text
</div>
I usually need to hide this element, but on one page, I need to show it. In global css file I have:
#show_div{
display: none;
}
How can I disable display: none;
?
I can not use jQuery, $('#show_div').show();
(or JavaScript).
Thanks
If you do not understand my problem, then I apologize. I can try to explain again.
display: none; is commonly used with JavaScript to hide and show elements without deleting and recreating them.
Answer: Use the jQuery css() Method You can use the jQuery css() method to change the CSS display property value to none or block or any other value. The css() method apply style rules directly to the elements i.e. inline.
getElementById("element"). style. display = "none"; To show an element, set the style display property to “block”.
Change the body class or id of the page you want it to be visible on
<style>
#show_table #show_div{
display:block!important;
}
</style>
<body id='show_table'>
<div id='show_div'>
text text
</div>
Use display: block
to get the default display
for a <div>
element, like tis:
#show_div { display: block; }
Set it to a different value, but it sounds like you'd be better off just including the content in the page you want it to appear in instead of putting it everywhere and hiding it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With