Ukrywanie obszaru div przy pomocy JavaScript (Show and hide div tag in JavaScript)

Ukrywanie i pokazywanie bloków div na stronach HTML

Wystarczy w nagłówku strony dodać kod:

 <script language="javascript" type="text/javascript">
        

        function hidediv() {
            if (document.getElementById) { // DOM3 = IE5, NS6
                document.getElementById('hideshow').style.visibility = 'hidden';
            }
            else {
                if (document.layers) { // Netscape 4
                    document.hideshow.visibility = 'hidden';
                }
                else { // IE 4
                    document.all.hideshow.style.visibility = 'hidden';
                }
            }
        }

        function showdiv() {
            if (document.getElementById) { // DOM3 = IE5, NS6
                document.getElementById('hideshow').style.visibility = 'visible';
            }
            else {
                if (document.layers) { // Netscape 4
                    document.hideshow.visibility = 'visible';
                }
                else { // IE 4
                    document.all.hideshow.style.visibility = 'visible';
                }
            }
        }
    </script>

Teraz pozostaje tylko wywoływać odpowiednią funkcję np.:

<asp:Button ID="btn" runat="server" Text="Button" OnClientClick="showdiv()" />