showing and hiding a div block

[svgmx5]

I'm having some problems hiding a div block and displaying another one.

 

this is my first attempt and creating something with JavaScript with out using a tutorial or anything so i would really appreciate any help, so i can learn

 

what i want is to have a div block display initially so when a user goes to the page they see the registration form, but if they already have an account they can just click a link that says log in and the registration form hides and the login form shows.

 

However right now its only hiding both and not displaying anything when the link is clicked

 

Here's the javascript code i'm using

<script type="text/javascript">  
function toggleview() {  

if(document.getElementById("login")){
	login.style.display = 'inline';
	document.getElementById("register").style.display = 'none';
}else{
	login.style.display = 'none';
	document.getElementById("register").style.display = 'inline';
}

if(document.getElementById("register")){
	login.style.display = 'inline'; 
	document.getElementById("login").style.display = 'none';
}else{
	login.style.display = 'none';
	document.getElementById("login").style.display = 'inline';
}

}  
</script>  

 

And here's what the link looks like

<h4><a href="#" onclick="toggleview()">Allready Have an Account?</a></h4>

 

[taquitosensei]

nm I'm an idiot

[svgmx5]

well thanks...

 

i posted it here..because its under JavaScript help..but i am looking at other places as well

[taquitosensei]

I thought I was looking at the php forums when I posted that....thus my edit.

[svgmx5]

ohh oops, sorry i didn't see the edit

 

either way its cool