VPF::Вызвать функцию для внутреннего UL

Rusman

Дата 11.5.2012, 13:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 312
Регистрация: 4.5.2006
Где: Пермь

Репутация: нет
Всего: нет

Здравствуйте!

Допустим есть меню:

Код


<ul class="menu">
  <li><a href="#">Меню 1</a></li>
  <li><a href="#">Меню 2</a>
       <ul>
             <li><a href="#">Подменю 2-1</a>
              <li><a href="#">Подменю 2-2</a>
      </ul>
  </li>
  <li><a href="#">Меню 1</a></li>
</ul>3

По умолчанию внутренний UL скрыт.
Нужно именно через Jquery сделать отображение подмен.

Допустим пишем код:

Код


$(document).ready(function(){


    $(".menu ul li").hover(
      function () {
        $('что-то здесь').css('display','block');
      
      },
      function () {
      
      }
    );

});

Что указать вместо слов "что-то здесь", чтобы применялось именно к тому подменю, к которому относится выбранный LI.

За ранее большое спасибо!

Aliance

Дата 11.5.2012, 15:17 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Можно использовать второй параметр функции $ - указывая тем самым context поиска.

Код


$(function(){
    $("ul.menu li").hover(
      function () {
          $('li', this).show();
      },
      function () {
          $('li', this).hide();
      }
    );
});

http://jsfiddle.net/h2FTT/

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »