Есть меню в виде трех полосок, при нажатии на которое по центру всплывает 3 пункта в ряд.
И его можно скрыть только нажав на ту же иконку с трех полосок.
Вопрос заключается вот в чем: как сделать с помощью js, чтоб при выборе одного из пунктов, и скролле страницы, меню само скрывалась, и оставалась только кнопка с 3х полосок в углу.
Пока код js самих пунктов меню выглядит вот так:
$index = 0;
$status = 'hide';
var navObj = $('#h_nav > li');
$navCount = navObj.length;
$('#toggle').click(function () {
if ($status == 'hide') {
$status = 'show';
$index = 0;
$('.h_nav_bg').fadeIn(400);
setTimeout(function () {
setMotion();
}, 300);
}
else {
$status = 'hide';
$index = $navCount - 1;
setTimeout(function () {
$('.h_nav_bg').fadeOut(300);
subObj.hide();
$substatus = 'hide';
}, 700);
setMotion();
}
return false;
});
#toggle - это и есть та кнопка при нажатии на которую появляется меню.
Средний
