Hiding all elements with a given tag except one

Over 10 years ago, I made my first show/hide toggler and was very proud of it… and tonight I had to remember how to do these basics.

My script searches for section elements and hides all but the specified one — this will eventually be used as a way of handling my paginated quiz (each section being a “page”).

function hideAllButOne(displayDiv){
	var sections = document.getElementsByTagName('section');   
	
	for (var i = 0; i < sections.length; i++) {   
		var section_id = sections[i].getAttribute('id');
		
		if (section_id == displayDiv){
			sections[i].style.display = 'block';
		}
		
		else{
			sections[i].style.display = 'none';
		}
    }  
}  

I have a lot left to do, but this is a start.

Leave a Reply

Your email address will not be published. Required fields are marked *