trendplays/resources/js/main.js

var toggle = document.querySelector(".nav-toggle")
var heroText = document.querySelectorAll(".landing-hero h2,.landing-hero p")
var registerToggles = document.querySelectorAll(".register-btn, .register-area
	.cancel-button, .services-cards button")

toggle.addEventListener("click", function() {
	heroText.forEach(item => {
		item.classList.toggle("hidden")
	})
	document.querySelector("nav form.login").classList.toggle("active")
	this.classList.toggle("toggled")
	// this.src = "/images/close.svg"
})

//Triggers for registration menu
for (i = 0; i < registerToggles.length; i++) {
	registerToggles[i].addEventListener("click", function() {
	document.querySelector(".register-area").classList.toggle("active")
	});
}


//FAQ code
var cols = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < cols.length; i++) {
	cols[i].addEventListener("click", function() {
		this.classList.toggle("active");
	});
}