Скрипт гамбургера не работает в Google Chrome, но прекрасно работает в FireFox, если я задаю ему if($(window).width()<=800){}. Если же убираю настройки экрана, то тогда работает во всех браузерах.
В чем может быть причина?
if ($(window).width() <= 800) {
$(document).ready(function() {
$(".cross").hide();
$(".navigation").hide();
$(".hamburger").click(function() {
$(".navigation").slideToggle("slow", function() {
$(".hamburger").hide();
$(".cross").show();
});
});
$(".cross").click(function() {
$(".navigation").slideToggle("slow", function() {
$(".cross").hide();
$(".hamburger").show();
});
});
});
}
Ваше условие нужно вложить в .ready(), а не наоборот:
$(document).ready(function() {
if ($(window).width() <= 800) {
$(".cross").hide();
$(".navigation").hide();
$(".hamburger").click(function() {
$(".navigation").slideToggle("slow", function() {
$(".hamburger").hide();
$(".cross").show();
});
});
$(".cross").click(function() {
$(".navigation").slideToggle("slow", function() {
$(".cross").hide();
$(".hamburger").show();
});
});
console.log('Ширина экрана <= 800');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости