我试图切换div使其可见/隐藏。我正在制作一个我想打开的排行榜,但只有点击后才能打开。Javascript collapsable 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来切换在能见度
什么是不工作?你有错误信息吗?详细阐述这个问题 – MilkyWayJoe
jquery,会让它更简单。想想吧 – MCSI