How to display position: absolute div once it has display: none attribute

Question

i have a following div

   <div id="mydiv" style="position: absolute; top: 60px; 
                  left: 5px; right: 25px; bottom: 10px;"> 
   </div>

Then i hide it via JS with display none. Is it possible to display it back again? None of the display attributes work. Thank you

can you please show code? – Ganesh Pandhere Sep 23 '13 at 11:33 — Ganesh Pandhere, Sep 23 '13 at 11:33
You should be able to do it with `display:block` – Murali Murugesan Sep 23 '13 at 11:35 — Murali Murugesan, Sep 23 '13 at 11:35

score 2 · Answer 1 · answered Sep 23 '13 at 11:48

It can be very easily done using jQuery,

 1. $('#my_div').show()   // display the hidden div i.e sets display:block
 2. $('#my_div').toggle() // toggles the display property.

And using pure javascript it can done using,

var element = document.getElementById('myDiv'); 

element.style.display = 'block'; // sets display:block

score 0 · Answer 2 · answered Sep 23 '13 at 11:34

The default value for the display property is 'block', so just set it back to that:

var d = document.getElementById('my_div');

d.style.display = 'block';

Edit:

My fellow answerer has given a link to W3Schools, so I thought I'd do one better and send you to WebPlatform.org, which is a community-driven documentation for the web.

score 0 · Answer 3 · answered Sep 23 '13 at 11:34

0

var el = document.getElementById('example-element');

el.style.display = 'none';

el.style.display = 'block';

For more options, check it out.

answered Sep 23 '13 at 11:34

Roy Miloh

3,381
1
18
17

score 0 · Answer 4 · answered Sep 23 '13 at 11:37

0

Try this one:

$("#mydiv").css("display","block");

answered Sep 23 '13 at 11:37

Shahbaz Chishty

482
1
4
9

score 0 · Answer 5 · answered Sep 23 '13 at 11:38

0

Try like this.

$('#my_div').show()

answered Sep 23 '13 at 11:38

Anil kumar

4,107
1
21
36

score 0 · Answer 6 · answered Sep 23 '13 at 11:39

0

to hide and show , you can probably use visibility: visible/hidden, which basically divs will be there but will be hide/show.

answered Sep 23 '13 at 11:39

pappu_kutty

2,378
8
49
93

score 0 · Answer 7 · edited Oct 24 '16 at 10:05

0

If you display and hide this div on some action (e.g. on mouseover, onclick etc.) you can simply use toggleClass with jquery

css:

.display{display:block}

js:

$("#mydiv").toggleClass('display')

edited Oct 24 '16 at 10:05

Mukesh Ram

6,248
4
19
37

answered Sep 23 '13 at 11:44

Anna Gabrielyan

2,120
3
28
48

How to display position: absolute div once it has display: none attribute

7 Answers7