jquery-como mostrar um div escondido

Tenho um mapa do google embutido na minha página, cuja visiblity está programada para ser escondida. Usando um botão, quero mostrar o mapa na página. Deve ser feito usando jquery.

o meu código - (não funciona)

<div id="map" style="height: 350px; border: 1px solid #979797;visibility="hidden";></div>
Alguém pode ajudar-me com os códigos de jquery?

Author: Parvesh, 2012-05-23

3 answers

Tenta

$('#map').css('visibility','visible');

Na verdade, se o estilo tem display:none, pode usar a função jquery

$('#map').show();
 7
Author: bitoshi.n, 2012-05-23 14:03:43

Your style = "" tag is also incorrect. Deve ter isto: visibilidade: escondida;

Tenta isto:

<div id="map" style="height: 350px; border: 1px solid #979797; display: none";></div>

$("#map").show();
 4
Author: Adam Levitt, 2012-05-23 14:04:49
Aqui está um jsfiddle: http://jsfiddle.net/lucuma/GhMbU/

$('div#map').css('visibility', 'visible')

 0
Author: lucuma, 2012-05-23 14:04:25