Home/ Questions/Q 7806687
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T02:36:52+00:00

When I click on the div , it should open. When I click again,

  • 0

When I click on the div, it should open. When I click again, it should close the div. Please help me on this.

<html>
    <head>
        <script type="text/javascript">
        var bool = 0;
            function showDiv(){
                if(bool==1){
                    bool=0;
                    document.getElementById(show).style.visibility = "hidden";
                }else if(bool==0){
                    bool=1;
                    document.getElementById(show).style.visibility = "visible";
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="click" onclick="showDiv();" />

        <div="show">
            <p>it is okay it is okay it is okay it is okay it is okay it is okay it is okay it is okay</p>
        </div>

    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re missing the quotes for the id argument for getElementById()

    document.getElementById('show').style.visibility = "hidden";

    Also the id attribute name is missing on the <div>

     <div="show">

    Should be this:

    <div id="show">

    jsFiddle

    • 0