52 lines
1.8 KiB
JavaScript
52 lines
1.8 KiB
JavaScript
|
function toggleMobileMenu() {
|
||
|
|
$('.navigation-wrapper').toggleClass('visible');
|
||
|
|
$('.btn-mobile-menu__icon').toggleClass('hidden');
|
||
|
|
$('.btn-mobile-close__icon').toggleClass('hidden');
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
$('a.panel-button').click(function (e) {
|
||
|
|
if ($('.content-wrapper').hasClass('showing')){
|
||
|
|
$('.content-wrapper').removeClass('animated slideInRight')
|
||
|
|
$('.panel-cover').removeClass('panel-cover--collapsed')
|
||
|
|
$('.panel-cover').css('max-width', '100%')
|
||
|
|
$('.panel-cover').animate({'width': '100%'}, 400, swing = 'swing', function () {})
|
||
|
|
$('.content-wrapper').removeClass('showing')
|
||
|
|
history.pushState("", document.title, window.location.pathname + window.location.search);
|
||
|
|
//window.location.hash = '' // leaves #
|
||
|
|
e.preventDefault();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.panel-cover').addClass('panel-cover--collapsed');
|
||
|
|
currentWidth = $('.panel-cover').width()
|
||
|
|
if (currentWidth < 960) {
|
||
|
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||
|
|
$('.content-wrapper').addClass('animated slideInRight')
|
||
|
|
} else {
|
||
|
|
$('.panel-cover').css('max-width', currentWidth)
|
||
|
|
$('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function () {})
|
||
|
|
}
|
||
|
|
$('.content-wrapper').addClass('showing');
|
||
|
|
})
|
||
|
|
|
||
|
|
if (window.location.hash && window.location.hash == '#projects') {
|
||
|
|
$('a.panel-button').click();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
|
||
|
|
$('.panel-cover').addClass('panel-cover--collapsed')
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.btn-mobile-menu').click(function () {
|
||
|
|
if (!$('.navigation-wrapper').hasClass('animated bounceInDown')){
|
||
|
|
$('.navigation-wrapper').addClass('animated bounceInDown');
|
||
|
|
}
|
||
|
|
toggleMobileMenu();
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.navigation-wrapper .projects-button').click(function () {
|
||
|
|
toggleMobileMenu();
|
||
|
|
})
|
||
|
|
})
|