How to make a div invisible without commenting it out?

Question

Is it possible to make a div invisible without commenting it out? If so, how?

Answer 1

You need to hide that with CSS:

div {                    /* this will hide all divs on the page */   display:none; } 

If it is a particular div with certain class or id, you can hide it like:

<div class="div_class_name">Some Content</div> 

CSS:

div.div_class_name {     /* this will hide div with class div_class_name */   display:none; } 

Or

<div id="div_id_name">Some Content</div> 

CSS:

div#div_id_name {        /* this will hide div with id div_id_name */   display:none; } 

Note: You need to wrap CSS tyles in between <style type="text/css"></style> tags, example:

<style type="text/css">   div#div_id_name {     display:none;   } </style> 

More Information :)

Answer 2

You can do this by inline style

<div style="display:none"></div> 

or by defining CSS Style like In css add

.HideableDiv{display:none;} 

and in your HTML write

<div class="HideableDiv" ></div>