раскрывающееся меню jQuery

0

У меня есть меню и вы хотите внести некоторые изменения в Safari. Только одно submenu должно быть видимым после зависания по ссылке.

Я думаю, что это можно сделать, используя $ this, но не уверен, как и где его написать.

Заранее спасибо.

$(function () {
if (navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1) {
    $(".navbar .nav li").hover(function () {
        $('.navbar .nav li ul').css({
            'display': 'block',
            'opacity': '1',
            'visibility': 'visible'
        });
    }, function () {
        $(".navbar .nav li ul").css("display", "none");
    });
   }
});

JSFiddle

Теги:
this

1 ответ

1
Лучший ответ

1) Не удалось добавить библиотеку jQuery.
2) Это ключевое слово для this ключевого слова, потому что каждый раз, когда вы ссылаетесь на класс $('.navbar.nav li ul') он отображается для элементов.

$(".navbar .nav li").hover(function () {
  $(this).find('ul').css({
      'display': 'block',
      'opacity': '1',
      'visibility': 'visible'
  });
}, function () {
  $(this).find('ul').css("display", "none");
});

Попробуйте эту скрипку

  • 1
    Большое спасибо @PraveenJeganathan, это работает :)
  • 0
    @Roland Я рад, что смог помочь :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню