You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
844 B
36 lines
844 B
3 years ago
|
(function(){
|
||
|
|
||
|
var $nav = $('#mobile-navbar');
|
||
|
var $navIcon = $('.mobile-navbar-icon');
|
||
|
|
||
|
var slideout = new Slideout({
|
||
|
'panel': document.getElementById('mobile-panel'),
|
||
|
'menu': document.getElementById('mobile-menu'),
|
||
|
'padding': 180,
|
||
|
'tolerance': 70
|
||
|
});
|
||
|
slideout.disableTouch();
|
||
|
|
||
|
window.slideout = slideout;
|
||
|
|
||
|
$navIcon.click(function () {
|
||
|
slideout.toggle();
|
||
|
});
|
||
|
|
||
|
slideout.on('beforeopen', function () {
|
||
|
$nav.addClass('fixed-open');
|
||
|
$navIcon.addClass('icon-click').removeClass('icon-out');
|
||
|
});
|
||
|
|
||
|
slideout.on('beforeclose', function () {
|
||
|
$nav.removeClass('fixed-open');
|
||
|
$navIcon.addClass('icon-out').removeClass('icon-click');
|
||
|
});
|
||
|
|
||
|
$('#mobile-panel').on('touchend', function () {
|
||
|
slideout.isOpen() && $navIcon.click();
|
||
|
});
|
||
|
|
||
|
|
||
|
}())
|