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 に答える