У меня есть меню и вы хотите внести некоторые изменения в 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");
});
}
});
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");
});
Попробуйте эту скрипку