Comment afficher la position: div absolue une fois qu'il a display: none attribut

Question

j'ai un div suivant

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

Puis-je cacher via JS avec aucun d'affichage. Est-il possible de l'afficher de nouveau? Aucun des attributs d'affichage ne fonctionne. Merci

Answer 1

La valeur par défaut pour la display propriété est « bloc », donc situé juste à revenir à ce que:

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

d.style.display = 'block'; 

Modifier:

Mon camarade answerer a donné un lien vers W3Schools , donc je pensais que je ferais mieux et vous envoyer à WebPlatform.org, qui est une documentation axée sur la communauté pour le web.

Answer 2

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

el.style.display = 'none'; 

el.style.display = 'block'; 

Pour plus d'options, check it out.

Answer 3

Essayez celui-ci:

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

Answer 4

Essayez comme ça.

$('#my_div').show() 

Answer 5

pour masquer et afficher, vous pouvez probablement utiliser la visibilité: visible/hidden, qui divs essentiellement sera là, mais sera cacher/montrer.

Answer 6

Si vous afficher et masquer ce div sur une action (par exemple sur mouseover, onclick, etc.), vous pouvez simplement utiliser toggleClass avec jquery

css:

.display{display:block}

js:

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

Answer 7

I t peut se faire très facilement en utilisant jQuery,

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

Et en utilisant pur javascript il peut faire en utilisant,

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

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