Hi all,

I have this little javascript that it kind of like a traditional "Menu Tree" application.

Basically i want to alter the code to expand upon rollover and then close back up upon rollout. Any ideas people? Javascript itsnt really my thing if i'm honest. I know a bit though.

Thanks all

Code:
	<script language="javascript" type="text/javascript">
		function Toggle(item) {
		   obj=document.getElementById(item);
		   visible=(obj.style.display!="none")
		   key=document.getElementById("x" + item);
		   if (visible) {
			 obj.style.display="none";
			 key.innerHTML="[+]";
		   } else {
			  obj.style.display="block";
			  key.innerHTML="[-]";
		   }
		}
	</script>
	
    <B><A id=x1 href="javascript:Toggle('1')">[+]</A>&nbsp;<A href="javascript:Toggle('1')">I. Hotel “Metropol” Ohrid</A></B>
		<BR>
		  <DIV id=1 style="DISPLAY: none; MARGIN-LEFT: 2em">
				<div id="Font">
						The hotel has its own parking space for its guests for 100 cars.
					</h1>
				</div>
			</DIV>