Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/62.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript可折叠分区不工作?_Javascript - Fatal编程技术网

Javascript可折叠分区不工作?

Javascript可折叠分区不工作?,javascript,Javascript,我正在尝试切换div以使其可见/隐藏。我正在制作一个我想打开但只有在单击时才打开的领导板 <html> <title>test</title> <head> <script type="text/javascript"> <!-- the function --> function showleaders() {

我正在尝试切换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>

测试
函数showleaders(){
if(document.getElementById('leadboard').style.visibility=“hidden”){
document.getElementById(“排行榜”).style.visibility=“可见”;
}否则{
document.getElementById('Leadboard').style.visibility=“hidden”;
}
}
#排行榜{
高度:300px;
宽度:300px;
左:0;
背景:红色;
边界半径:20%;
可见性:隐藏;
}
你好
我做错了什么?
我只想让div在可见性之间切换

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

if(document.getElementById('leaderboard').style.visibility= "hidden";)
设置为双等于,并删除分号。试试这个:

if(document.getElementById('leaderboard').style.visibility=="hidden")
单个等于设置值,双等于比较值。

尝试以下方法:

function showleaders() {
   if (document.getElementById('leaderboard').style.visibility == "hidden") {
       document.getElementById('leaderboard').style.visibility = "visible";
   } else {
       document.getElementById('leaderboard').style.visibility = "hidden";
   }
}

什么不起作用?你收到错误信息了吗?详细说明这个问题,jQuery会使它更简单。想想看,你赢了我!你做得比我快;)我不认为这是一场竞争,但是是的,我确实击败了你:p如果条件的末尾的分号有什么影响,如果有的话?还是应该移除它?好的。我不确定,而且我太懒了,没有把一些代码放在一起检查。