HTML - Can Anybody Fix A Menu Code?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

 <script>
 $(document).ready(function(){

   // hide #back-top first
    $("#back-top").hide();
   $("#top-divider").hide();

   // fade in #back-top
    $(function () {
     $(window).scroll(function () {
       if ($(this).scrollTop() > 100) {
         $('#back-top').show();
         $('#top-divider').show();
       } else {
         $('#back-top').hide();
         $('#top-divider').hide();
     }
 });

     // scroll body to 0px on click
     $('#back-top').click(function () {
       $('body,html').animate({
         scrollTop: 0
       }, 800);
       return false;
     });
   });

 });
 </script>

 <div id="topbar">

   <span style="float:left;padding-left:7px;">

     <span style="width:30px;"><a href="#" id="back-top" onclick="return false;">BACK TO TOP</a></span>

     <span id="letters" style="display:none;"><span  id="top-divider">&nbsp;|&nbsp;</span><a  href="#a">A</a>&nbsp;&nbsp;<a  href="#b">B</a>&nbsp;&nbsp;<a  href="#c">C</a>&nbsp;&nbsp;<a  href="#d">D</a>&nbsp;&nbsp;<a  href="#e">E</a>&nbsp;&nbsp;<a  href="#f">F</a>&nbsp;&nbsp;<a  href="#g">G</a>&nbsp;&nbsp;<a  href="#h">H</a>&nbsp;&nbsp;<a  href="#i">I</a>&nbsp;&nbsp;<a  href="#j">J</a>&nbsp;&nbsp;<a  href="#k">K</a>&nbsp;&nbsp;<a  href="#l">L</a>&nbsp;&nbsp;<a  href="#m">M</a>&nbsp;&nbsp;<a  href="#n">N</a>&nbsp;&nbsp;<a  href="#o">O</a>&nbsp;&nbsp;<a  href="#p">P</a>&nbsp;&nbsp;<a  href="#q">Q</a>&nbsp;&nbsp;<a  href="#r">R</a>&nbsp;&nbsp;<a  href="#s">S</a>&nbsp;&nbsp;<a  href="#t">T</a>&nbsp;&nbsp;<a  href="#u">U</a>&nbsp;&nbsp;<a  href="#v">V</a>&nbsp;&nbsp;<a  href="#w">W</a>&nbsp;&nbsp;<a  href="#x">X</a>&nbsp;&nbsp;<a  href="#y">Y</a>&nbsp;&nbsp;<a  href="#z">Z</a>&nbsp;</span>

   </span>

   <span style="float:right;padding-right:7px;">

 <a href="http://www.mcran.com" target="_self"><b>HOME</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/bio-test-page.php" target="_self"><b>BIO</b></a>&nbsp;|&nbsp;
 
  <a href="http://www.mcran.com/contact.php" target="_self"><b>CONTACT</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/interviews.php" target="_self"><b>INTERVIEWS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/playlistsshowtable.php"  target="_self"><b>PLAYLISTS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/2010-2006showstable.php"  target="_self"><b>RADIO  SHOWS</b></a>&nbsp;|&nbsp;

 <a href="http://www.mcran.com/favorite-sites.php"  target="_self"><b>RESOURCES</b></a>&nbsp;|&nbsp;

 
   </span>
  </div>

<!--
Collapsible Menu Script.
Created by Kyle Edwards.
Please keep this notice intact.
-->
<!--
Below is the code for the hyperlinks that expand and collapse the menus. You need to do the following for each menu:
1. Create hyperlink code that looks like this:
<a href="#" onclick="collapse_menu(menu1, 0)">The value of the link goes here.</a><br>
Note: Change menu1 to the name of the menu, and change 0 to the number of the menu.
Note: 0 is the number of the FIRST menu.
2. After each hyperlink, type in code that looks like this:
<span id="menu1"></span>
Note: Change "menu1" to the name of the menu.
3. Follow the instructions inside the <script> tags. They follow //'s.
-->
<p>
<a href="#" onclick="collapse_menu(menu1, 0); return false">Menu 1</a><br>
<span id="menu1"></span>
<a href="#" onclick="collapse_menu(menu2, 1); return false">Menu 2</a><br>
<span id="menu2"></span>

<script language="javascript">
//Collapsible Menu Script.
//Created by Kyle Edwards.
//Please keep this notice intact.

//This defines the arrays that contain info about the menus. Do NOT edit.
var on_off=new Array();
var menu_code=new Array();

//Below, define number_of_menus. It should be equal to the number of menus you have.
number_of_menus=2;

//Here we define the code for the menus. Inside the quotation marks, type in the value of each option.
//Note: After each option, you need to put a <br> tag.
//Note: If you want to indent the options, type &nbsp; for each space of indentation.
//and a </blockquote> tag at the end.
//Example: "&nbsp;&nbsp;Option 1<br>&nbsp;&nbsp;Option 2<br>"
//This puts two spaces at the beginning of each option.

menu_code[0]="Option 1<br>Option 2<br>Option 3<br>";
menu_code[1]="Option 1<br>Option 2<br>Option 3<br>";

//Everything below this notice is the code that expands and collapses the menus. Do NOT edit.
for (loop=0; loop<number_of_menus; loop++){
 on_off[loop]=0;
}

function collapse_menu(menu_id, menu_number){
  if (on_off[menu_number]==0){
    menu_id.innerHTML=menu_code[menu_number];
    on_off[menu_number]=1;
  }else{
    menu_id.innerHTML="";
    on_off[menu_number]=0;
  }
}
</script>