Сообщение от Tipylja
|
|
Извиняюсь, возможно кто-то что-нибудь еще подскажет?
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul class="wrap middleMenu">
<li class="menu__list first"><a>Каталог</a>
<ul class="middleMenu__drop" style="display: none;">
<li><a href="#">Туфли</a></li>
<li><a href="#">Босоножки</a></li>
<li><a href="#">Кеды</a></li>
<li><a href="#">Кросcовки</a></li>
<li><a href="#">Ботинки демисезон</a></li>
<li><a href="#">Сапоги демисезон</a></li>
</ul>
</li>
<li><a href="#">ОПЛАТА / ДОСТАВКА</a></li>
<li><a href="#">ОТЗЫВЫ О МАГАЗИНЕ</a></li>
<li class="last"><a href="#">НОВИНКИ</a></li>
</ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function is_touch_device() {
return (('ontouchstart' in window)
|| (navigator.MaxTouchPoints > 0)
|| (navigator.msMaxTouchPoints > 0));
}
if (!is_touch_device()) {
$('.menu__list').on('mouseenter', function (e) {
$('.middleMenu__drop').slideDown(100);
});
$('.menu__list').on('mouseleave', function (e) {
$('.middleMenu__drop').slideUp(100);
});
}
else {
$('.menu__list').on('touchstart', function (e) {
$('.middleMenu__drop').slideToggle(100);
});
}
</script>
</body>
</html>