0

我试图切换 div 以使其可见/隐藏。我正在制作一个我想打开但仅在单击时才打开的排行榜。

<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>

我究竟做错了什么？我只想让 div 在可见性之间切换

4

2 回答 2

2

您需要更改此行中的等号：

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

为双等号，并去掉分号。尝试这个：

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

单等号设置值，双等号比较值。

于 2012-05-14T16:26:29.183 回答
0

尝试这个：

function showleaders() {
   if (document.getElementById('leaderboard').style.visibility == "hidden") {
       document.getElementById('leaderboard').style.visibility = "visible";
   } else {
       document.getElementById('leaderboard').style.visibility = "hidden";
   }
}
于 2012-05-14T16:28:47.633 回答