jquery - how to show a hidden div

Question

I have a google map embedded in my page whose visiblity is set to hidden. Using a button i want to show the map on the page. Should be done using jquery.

my code - (not working)

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

Anyone can help me with the related jquery codes?

Answer 1

Try

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

Actually, if style has display:none, you can use jquery function

$('#map').show();

Answer 2

Your style="" tag is also incorrect. You should have this: visibility: hidden;

Try this:

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

$("#map").show();