Home/ Questions/Q 8852803
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T13:29:30+00:00

For the following example, how would I start the page off by hiding the

  • 0

For the following example, how would I start the page off by hiding the ‘divToToggle’ DIV as it is currently showing on default? I do not want to use ‘display:none;’ outside of the script for accessibility reasons. How do you hide the ‘divToToggle’ within the script on startup?
Thanks.

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
            <html>
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>JavaScript hide and show toggle</title>
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
            </head>
            <body>
            <script>
            function toggleAndChangeText() {
                 $('#divToToggle').toggle();
                 if ($('#divToToggle').css('display') == 'none') {
                      $('#aTag').html('[+] Show text');
                 }
                 else {
                      $('#aTag').html('[-] Hide text');
                 }
            }
            </script>
            <br>
            <a id="aTag" href="javascript:toggleAndChangeText();">[-] Hide text</A> 
            <div id="divToToggle">Content that will be shown or hidden.</div>
            </body>
            </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just use the hide function inside a document.ready function

    $(function(){
     $('#divToToggle').hide();
});
    • 0