표시 마우스가 부 서브 메뉴가 가져가

Question

이 코드가 있습니다 http://jsfiddle.net/7Zr44/

을 그리고 난 하위 서브 메뉴를 마우스 가져가 보여주고 싶은.

디스플레이 : 블록이 일을하지 않는 것도

<ul class="tonho"> 
<li><a href="">Menu 1</a> 

    <ul class="tonho"><li><a href="">Sub 1.1</a> 
     </li> 
     <li><a href="">Sub 1.2</a></li><li><a href="">Sub 1.3</a> 
     </li> 
    </ul> 
</li> 
<li><a href="">Menu 2</a> 
      <ul class="tonho"><li><a href="">Sub 2.1</a> 
      <ul class="tonho"><li><a href="">Sub Sub 2.1.1</a> 
       </li> 
       </ul>     
       </li> 
       <li><a href="">Sub 2.2</a></li> 
</ul> 
</li> 
<li><a href="">Menu 3</a></li> 

편집 :이 메뉴는 PHP + SQL 스크립트에 의해 생성되고 있기 때문에 나는이에 등 레벨 1, 2를 줄 수 없다.

Answer 1

li 태그를 숨기고 다음 레벨의 Ul 만 표시해야합니다. 이렇게 : Demo

.tonho li:hover > ul { 
    display: block; 
}