есть страница:
<html>
<head>
<title>CSS меню</title>
<link rel="stylesheet" type="text/css" href="hide.css">
<script type="text/javascript" src="hide.js"></script>
</head>
<body>
<div id="menu">
<a href="#" onMouseOver="menu1();">Один</a>
<div class="inf1">Инфа одн</div>
<a href="#" onMouseOver="menu2();">Два</a>
<div class="inf2">Инфа два</div>
<a href="#" onMouseOver="menu3();">Три</a>
<div class="inf3">Инфа три</div>
</div>
</body>
</html>
css файл:
hide.txt
и javascript
:
ob1=document.getElementsByClassName('inf1');
ob2=document.getElementsByClassName('inf2');
ob3=document.getElementsByClassName('inf3');
function menu1(){
ob1.style.display='block';
ob2.style.display='none';
ob3.style.display='none';}
function menu2(){
ob2.style.display='block';
ob1.style.display='none';
ob3.style.display='none';}
function menu3(){
ob3.style.display='block';
ob1.style.display='none';
ob2.style.display='none';
}
function close(){
ob1.style.display='none';
ob2.style.display='none';
ob3.style.display='none';
}
это меню, состоит из пунктов "один" "два" и "три" и выпадающей инфы, при наведении мыши. Но почемуто это все не работает, подскажите, где ошибка?