https://www.houstonlanding.org/srv/htdocs/wp-content/plugins/houst…/js/components/tabs.js?ver=5256

1
2(function() {
3
4	// todo: account for multiple tabs on a page
5	const navBar =  document.querySelector('.houston-custom-tabs nav')
6
7	if(navBar === null) return;
8
9	const tabs = document.querySelectorAll('.houston-custom-tabs nav li')
10	const blocks = document.querySelectorAll('.houston-custom-tabs .wp-block-media-text, .houston-custom-tabs > div > .wp-block-columns')
11
12	const selectedClass = 'selected'
13	const hiddenClass = 'hide'
14	const openClass = 'open'
15
16	navBar.addEventListener('click', function( e ) {
17		e.stopPropagation()
18
19		navBar.classList.add(openClass)
20	})
21
22	tabs.forEach((ele, ind) => {
23		ele.addEventListener('click', function( e ) {
24			e.preventDefault();
25			e.stopPropagation();
26
27			tabs.forEach((tab) => tab.classList.remove(selectedClass))
28			ele.classList.add(selectedClass)
29
30			blocks.forEach((block) => block.classList.add(hiddenClass))
31			blocks[ind].classList.remove(hiddenClass)
32
33			navBar.classList.remove(openClass)
34		})
35	})
36
37	document.body.addEventListener('click', function( e ) {
38		navBar.classList.remove(openClass)
39	})
40
41})()