Template3-Single_Page_Website/script.js
//films section is clicked again it will show all the movies again.
films section is clicked again it will show all the movies again.
films section is clicked again it will show all the movies again .
function filmBtnOnClick(){
	movieButton1.style.visibility = "visible";
	movieButton2.style.visibility = "visible";
	movieButton3.style.visibility = "visible";
	movieButton4.style.visibility = "visible";
	movieButton5.style.visibility = "visible";
	movieButton6.style.visibility = "visible";
	filmPageToggle.style.visibility = "visible";
	document.querySelector("#movieDescription1").style.visibility = "hidden";
	document.querySelector("#movieDescription2").style.visibility = "hidden";
	document.querySelector("#movieDescription3").style.visibility = "hidden";
	document.querySelector("#movieDescription4").style.visibility = "hidden";
	document.querySelector("#movieDescription5").style.visibility = "hidden";
	document.querySelector("#movieDescription6").style.visibility = "hidden";
	document.querySelector("#playButton1").style.visibility = "hidden";
	document.querySelector("#playButton2").style.visibility = "hidden";
	document.querySelector("#playButton3").style.visibility = "hidden";
	document.querySelector("#playButton4").style.visibility = "hidden";
	document.querySelector("#playButton5").style.visibility = "hidden";
	document.querySelector("#playButton6").style.visibility = "hidden";
}
function filmBtnOnClick ( ) { movieButton1 . style . visibility = "visible" ; movieButton2 . style . visibility = "visible" ; movieButton3 . style . visibility = "visible" ; movieButton4 . style . visibility = "visible" ; movieButton5 . style . visibility = "visible" ; movieButton6 . style . visibility = "visible" ; filmPageToggle . style . visibility = "visible" ; document . querySelector ( "#movieDescription1" ) . style . visibility = "hidden" ; document . querySelector ( "#movieDescription2" ) . style . visibility = "hidden" ; document . querySelector ( "#movieDescription3" ) . style . visibility = "hidden" ; document . querySelector ( "#movieDescription4" ) . style . visibility = "hidden" ; document . querySelector ( "#movieDescription5" ) . style . visibility = "hidden" ; document . querySelector ( "#movieDescription6" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton1" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton2" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton3" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton4" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton5" ) . style . visibility = "hidden" ; document . querySelector ( "#playButton6" ) . style . visibility = "hidden" ; }
films section is clicked again it will show all the movies again.
films section is clicked again it will show all the movies again .