Collapsible Nav - Horizontal, no clue Options

[TheKnell]

Okay, I'm using the collapsible module code for my navigation, but I want it to be displayed horizontally instead of vertically. I'm not good with javascript at all, so could someone help? :)

Xanga: http://www.xanga.com/home.aspx?user=TinksieBelle

Code:

<!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br /><br />/***********************************************<br />* Switch Menu script- by Martial B of http://getElementById.com/<br />* Modified by Dynamic Drive for format & NS4/IE4 compatibility<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />if (document.getElementById){ //DynamicDrive.com change<br />document.write('<style type="text/css">\n')<br />document.write('.submenu{display: none;}\n')<br />document.write('</style>\n')<br />}<br /><br />function SwitchMenu(obj){<br /> if(document.getElementById){<br /> var el = document.getElementById(obj);<br /> var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change<br />  if(el.style.display != "block"){ //DynamicDrive.com change<br />   for (var i=0; i<ar.length; i++){<br />    if (ar[i].className=="submenu") //DynamicDrive.com change<br />    ar[i].style.display = "none";<br />   }<br />   el.style.display = "block";<br />  }else{<br />   el.style.display = "none";<br />  }<br /> }<br />}<br /></script><br /><br /><div id="masterdiv" style="text-align:left;padding-left:20px;"><br /><br /> <div class="menutitle" onclick="SwitchMenu('sub1')">Navigation >></div><br /> <span class="submenu" id="sub1"><br /><br />Xanga...Home...Design...In...Out...Subscribe <br /> <br /> </span><br /></div><br /><!-- end code provided by createblog.com -->