Спасибо, как понял, вроде то, что надо. Но сам искал - почему-то не нашел.
Но все же, почему-то после того, как вставил этот код, яваскрипт перестает работать на странице вообще:
if (window.matchMedia("screen and (max-device-width: 480px)").matches) {
$("#nav ul li").click(function(){ // Навигацияны күрсәтү һәм яшерү - телефоннар өчен
$(this).find('ul:first').slideToggle(500);
});
};
else {
$("div#nav ul li").mouseover(function() { // Төп навигация
$(this).find('ul:first').show();
});
$("div#nav ul li").mouseleave(function() {
$("div#nav ul li ul").hide();
});
};
Если все это закомментировать, оставить только это
$("div#nav ul li").mouseover(function() { // Төп навигация
$(this).find('ul:first').show();
});
$("div#nav ul li").mouseleave(function() {
$("div#nav ul li ul").hide();
});
, то все работает.
Я в яваскрипте не так хорошо разбираюсь, кто знает причину, подскажите, пожалуйста?
"#nav ul li" - это список навигации. Для десктопов он расподожен горизонтально, и при наведении мышкой раскрывается "список в списке" - "#nav ul li ul". Для телефонов я их сделал как обычно - вертикальными, и пытаюсь сделать, чтобы они раскрывались при щелчке (нажатии пальцем) на них.