Hiding/Showing a Div with JavaScript.

[MrApples]

That wouldn't work. I'm switching between about 6 divs, and it seems wasteful to check the state of each div when I can just use a variable.

I simplified it, sorry, kinda used to going overboard when coding (other language). Really don't like to use specifics.

var hcur='logo';
function switchheader(id){
	if ( hcur != id ){
		document.getElementById(hcur).style.display = 'none';
		document.getElementById(hcur + 'b').src = '/styles/7M-v1/new/hb_' + hcur + '.png';
		document.getElementById(id).style.display = '';
		document.getElementById(id + 'b').src = '/styles/7M-v1/new/hb_' + hcur + '_alt.png';
		if (hcur == 'logo'){
			document.getElementById('logo2').style.display = 'none';}
		if (id == 'logo'){
			document.getElementById('logo2').style.display = '';}
		hcur = id;
	}
}

I'll explain exactly what i'm trying to do.

• hcur is the last id shown, the one currently being shown.
• id the the new one in question.
• buttons switch to a alternate version when they are hovered on as well. Their id is the same as the div, with a b added on (id + 'b').

If the new id is not equal to the current id (why switch to the same?), then continue with the switch, else do nothing. Hide the current div, and switch the current button back to default. Then show the new div, and switch the new button to alternate.

If the past id was logo, hide the extra div. If the new id is logo, show the extra div. Set hcur to the new id as it is now the current, and end function.