Я пытаюсь выяснить, как я могу скрыть падение, когда сайт загружается на мобильный телефон/смартфон или когда я изменяю размер браузера в меньшее окно. Выпадающее меню, которое я создал, появляется немедленно, и мне нужно нажать/на кнопку меню, чтобы он спрятался.Скрыть выпадающее меню при запуске на мобильном телефоне
Вот сайт я создал
http://digitalspin.ph/test/manosa/campanilla-homepage/
Вот код, который я создал
HTML
a#pull{
color: #FFF;
font-family:'Open Sans';
text-decoration: none;
float: left;
width: 54%;
text-align: right;
display: inline-block;
line-height: 67px;
}
Javascript
$(document).ready(function(){
$(function() {
var pull = $('#pull');
menu = $('#menu-primary-menu');
menuHeight = menu.height();
$(pull).on('click', function(e) {
menu.slideToggle("");
});
});
});
$(document).ready(function(){
$(window).resize(function(){
var w = $(window).outerWidth();
if(w > 400 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
})
$(document).ready(function(){
$(window).resize(function(){
var w = $(window).outerWidth();
if(w > 640 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
})
В каком выпадающем списке вы подразумеваете? Я не вижу никаких изначально при использовании Chrome 46. –
Извините, что забыл упомянуть, чтобы посмотреть его на мобильный телефон – clestcruz