https://www.schwyzer-wanderwege.ch/js/public/htmlburger/main.js?2.2.43

1
2/*
3 * Modules
4 */
5
6// todo from my point of view this should not be necessary anymore as we handled everything below, right now it is still used for the mobile nav
7const hnaldeMenuTrigger = () => {
8	const $trigger = $('.js-menu-trigger');
9
10	$trigger.on('click', function(event) {
11		event.preventDefault();
12
13		$(this).toggleClass('is-active');
14	});
15};
16
17hnaldeMenuTrigger();
18
19const hnaldeNavTrigger = () => {
20	const $trigger = $('.js-nav-trigger');
21	const $nav = $('.js-nav-container');
22
23	$trigger.on('click', function(event) {
24		event.preventDefault();
25
26		if ($(window).width() < 1024) {
27			$(this).toggleClass('is-active');
28			$nav.toggleClass('is-active');
29		}
30	});
31};
32
33hnaldeNavTrigger();
34
35
36$('.ct-nav-secondary [uk-toggle]').on('click', function () {
37	// First we'll hide all the offcanvas so we are sure not two will be open at once
38	$('.l-full-offcanvas').hide();
39	let currentLink = this,
40		isActive = $(currentLink).hasClass('uk-button-danger');
41
42	$('.ct-nav-secondary [uk-toggle]').each(function (index, link) {
43		$(link).removeClass('uk-button-danger');
44		$(link).addClass('uk-button-white');
45		$('i', link).removeClass('fa-xmark');
46		$('i', link).addClass($(link).data('icon'));
47	});
48
49	if (isActive === false) {
50		$(currentLink).addClass('uk-button-danger');
51		$(currentLink).removeClass('uk-button-white');
52
53		$('i', currentLink).toggleClass('fa-xmark');
54		$('i', currentLink).toggleClass($(currentLink).data('icon'));
55	}
56});
57
58$('.uk-card-actions a').on('click', function(event) {
59	event.preventDefault();
60
61	const $this = $(this);
62
63	$this
64	.toggleClass('is-open')
65	.closest('.uk-card')
66	.find('.uk-card-body')
67	.slideToggle();
68});