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();