Показать сообщение отдельно
  #2 (permalink)  
Старый 19.04.2014, 10:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

hhh,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
   $(function ()
{
    $('.menu > li > ul').hide();
    $('li').on('mouseenter',function(){$('>ul:hidden',this).slideDown() })
    $('li').on('mouseleave',function(){$('>ul:visible',this).slideUp() })

})
  </script>
</head>

<body>
<ul class="menu" style="width: 125px">
      <li><a href="#">Ссылка1</a></li>
      <li><a href="#">Ссылка2</a>
        <ul>
          <li><a href="#">Подменю1</a></li>
          <li><a href="#">Подменю2</a></li>
          <li><a href="#">Подменю3</a></li>
        </ul>
      </li>
      <li><a href="#">Ссылка3</a></li>
      <li><a href="#">Ссылка4</a>
        <ul>
          <li><a href="#">Подменю4</a></li>
          <li><a href="#">Подменю5</a></li>
          <li><a href="#">Подменю6</a></li>
        </ul>
        </li>
      <li><a href="#">Ссылка5</a></li>
    </ul>
</body>
</html>
Ответить с цитированием