div tag

Question

hi

here i'm using div

<div id="test" runat="server">

            <asp:Panel ID="Panel1" runat="server">

                <div id="map_canvas" style="width: 600px; height: 400px;" >

                </div>

            </asp:Panel>

        </div>

  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDWsNQCASLBNgBuIVOvlMN-afUwY9mMUVE&sensor=false">

    </script>

    <script type="text/javascript" >

        function initialize() {

            var markers = JSON.parse('<%=ConvertDataTabletoString() %>');

            var mapOptions = {

                center: new google.maps.LatLng(markers[0].lat, markers[0].lng),

                zoom: 15,

                mapTypeId: google.maps.MapTypeId.ROADMAP

                //  marker:true

            };

            var infoWindow = new google.maps.InfoWindow();

            var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

            for (i = 0; i < markers.length; i++) {

                var data = markers[i]

                var myLatlng = new google.maps.LatLng(data.lat, data.lng);

                var marker = new google.maps.Marker({

                    position: myLatlng,

                    map: map,

                    title: data.title

                });

                (function(marker, data) {

                    // Attaching a click event to the current marker

                    google.maps.event.addListener(marker, "click", function(e) {

                        infoWindow.setContent(data.description);

                        infoWindow.open(map, marker);

                    });

                })(marker, data);

            }

        }

    </script>

  <asp:Button ID="btncontact" runat="server" Text="Contact" OnClick="btncontact_Click"/>

how to hide that div tag when i click on that button

please help me

it's important to me