mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 09:06:14 -04:00
42 lines
No EOL
848 B
JavaScript
42 lines
No EOL
848 B
JavaScript
/*
|
|
* Toggle navigation
|
|
*
|
|
* Pico.css - https://picocss.com
|
|
* Copyright 2019-2022 - Licensed under MIT
|
|
*/
|
|
|
|
export const toggleNavigation = {
|
|
|
|
// Config
|
|
_state: 'closed-on-mobile',
|
|
toggleLink: document.getElementById('toggle-docs-navigation'),
|
|
nav: document.querySelector('main > aside > nav'),
|
|
|
|
// Init
|
|
init() {
|
|
this.onToggleClick()
|
|
},
|
|
|
|
onToggleClick() {
|
|
this.toggleLink.addEventListener('click', event => {
|
|
event.preventDefault();
|
|
this.state == 'closed-on-mobile'
|
|
? this.state = 'open'
|
|
: this.state = 'closed-on-mobile';
|
|
this.nav.removeAttribute('class');
|
|
this.nav.classList.add(this.state);
|
|
}, false);
|
|
},
|
|
|
|
// Get state
|
|
get state() {
|
|
return this._state;
|
|
},
|
|
|
|
// Set state
|
|
set state(state) {
|
|
this._state = state;
|
|
},
|
|
};
|
|
|
|
export default toggleNavigation; |