Home/ Questions/Q 7952941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T03:00:52+00:00

Im trying to toggle the div to make it visible/hidden. Im making a leader

  • 0

Im trying to toggle the div to make it visible/hidden. Im making a leader board of sorts that i want to open but only when clicked.

<html>
    <title>test</title>

    <head>
        <script type="text/javascript">
            <!-- the function -->
            function showleaders() {
                if (document.getElementById('leaderboard').style.visibility = "hidden";) {
                    document.getElementById('leaderboard').style.visibility = "visible";
                } else {
                    document.getElementById('leaderboard').style.visibility = "hidden";
                }
            }
        </script>
        <style type="text/css">
            #leaderboard {
                height: 300px;
                width:300px;
                left:0;
                background:red;
                border-radius:20%;
                visibility:hidden;
            }
        </style>
    </head>

    <body>
        <a href="javascript:showleaders();">Leaderboard</a>
        <div id="leaderboard">hello</div>
    </body>

</html>

What am i doing wrong?
I just want the div to toggle in between visibilities

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to change the equals sign in this line:

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

    To a double equals, and remove the semicolon. Try this:

    if(document.getElementById('leaderboard').style.visibility=="hidden")

    A single equals sets the value, a double equals compares the value.

    • 0