简单的菜单响应多级。怎么了？

Question

这个简单的菜单在第一和第二级工作正常，但第三级不推动＆＃34; SERVICIOS＆＃34;和＆＃34; CONTACTO＆＃34;。怎么了？我是设计师而不是发展。对不起:-)

<ul>
<li><a href="#">DEPARTAMENTOS</a>
  <ul class="submenu">
    <li><a href="#">01 ..........</a>
      <ul class="submenu2">
        <li><a href="#">01 A .........</a>
          <ul class="submenu3">
            <li><a href="#">01 A B .........</a>
            <li><a href="#">01 A C .........</a>
            <li><a href="#">01 A D .........</a> </li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</li>
<li><a href="#">SERVICOS</a> </li>
<li><a href="#">CONTACTO</a></li>
</ul>

JS

$(function () {
 $('nav li ul').hide().removeClass('submenu');
 $('nav li').hover(function () {
 $('ul', this).stop().slideToggle(250);
 });
});

$(function () {
 $('nav li ul').hide().removeClass('submenu2');
 $('nav li').hover(function () {
 $('ul li ul', this).stop().slideToggle(250);
 });
});

谢谢！