Выпадающее меню - вопрос №328431

<style type=«text/css»>
    .ul {float: left; border: 1px solid black;display:none;list-style:none;}
    .explicit {display: block;}
    .ul li:hover {background-color:#cccccc;}
</style>
<script type=«text/javascript»>
    function showul2() {
        var ul2 = document.getElementById('ul2');
        ul2.setAttribute(«class», «ul explicit»);
    }
    function showul3() {
        var ul2 = document.getElementById('ul3');
        ul2.setAttribute(«class», «ul explicit»);
    }
</script>

<ul class=«ul explicit» id=«ul1»>
    <li onmouseover=«showul2()»>Punkt1</li>
    <li onmouseover=«showul2()»>Punkt2</li>
    <li onmouseover=«showul2()»>Punkt3</li>
</ul>
<ul class=«ul» id=«ul2»>
    <li onmouseover=«showul3()»>Punkt4</li>
    <li onmouseover=«showul3()»>Punkt5</li>
    <li onmouseover=«showul3()»>Punkt6</li>
</ul>
<ul class=«ul» id=«ul3»>
    <li>Punkt7</li>
    <li>Punkt8</li>
    <li>Punkt9</li>
</ul>