JavaScript - Newbie Want A Toggle Menu From An Array And I Want The Values To Be Hyperlinks

<div class="demo" id="demo_1">

		<ul>

			<li id="1" class="open"><a id="1" href="#"><ins>&nbsp;</ins>Root node 1</a>

				<ul>

					<li id="2"><a id="2"  href="#"><ins>&nbsp;</ins>Child node 1</a></li>

					<li id="3"><a id="3" href="#"><ins>&nbsp;</ins>Child node 2</a></li>

					<li id="4"><a id="4" href="#"><ins>&nbsp;</ins>Some other child node with longer text</a></li>

					<li id="6"><a id="6" href="#"><ins>&nbsp;</ins>Root node 222</a>

//SHOUL NOT BE IN MY ARRAY
						<ul>

							<li id="7"><a id="7"  href="#"><ins>&nbsp;</ins>Child node 222a</a></li>

							<li id="8"><a id="8" href="#"><ins>&nbsp;</ins>Child node 222b</a></li>

							<li id="9"><a id="9" href="#"><ins>&nbsp;</ins>Some other child node with longer text 222</a></li>
					</ul>
//END OF UL ELEMENT N OT NEEDED THERE COULD BE more than 1

</li>
				</ul>

			</li>

			<li id="5"><a id="5" href="#"><ins>&nbsp;</ins>Root node 2</a></li>

		</ul>

<script type="text/javascript">

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}


function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

<!--
// initialise shortcuts on page load
var selectObj1=null, selectObj2=null// global
 function init()
  { selectObj1=document.getElementById("select_1");
    selectObj2=document.getElementById("select_2");
    selectObj2.disabled=true;

// ========== end init() ==============
// second select box options list
var A= new Array()
A["remote 1"]=["0","yup","DVD-1"];
A["remote 2"]=["0","VCR-1","DVD-2"];
//

// global variables
var saveObj=null, indx=null, targetObj=null, selectNo=null;   
//
 function process(obj,sNumb)
  { // disable unused select boxes
    if(sNumb==1)
     { selectObj1.selectedIndex="0";
       selectObj1.disabled=true;
     }
    else if( sNumb==2)
	 { selectObj1.selectedIndex="0";
       selectObj1.disabled=true;
     }
   //
   // store selected index   
    indx=obj.options.selectedIndex;
   // invalid selection
    if(indx==0){ return; }
   // ---------
   // save passed parameters for use after timeout deleay   
    saveObj=obj, selectNo=sNumb;     
  // put object items list into next select box after clearing
     targetObj=document.getElementById("select_"+selectNo)
     targetObj.disabled=false;
   // clear any existing options note that this starts from end of list, not beginning 
     for(var i=targetObj.options.length-1;i>-1;i--)
          { targetObj.options[i]=null;  }   
  // build in short delay here to avoid error in Opera browser
      setTimeout("finishOff()",50)
    }
// ----------- 50ms delay here --------   
// called from timeout in function process()
   function finishOff()
    {  var obj=saveObj;    // from global
      // fill selectObj options 
       var i, thisItem=0;                         
      // build options list
      switch(selectNo){
      case 2 : targArray = A[obj.options[indx].value]; break;
       }   
         //
       for(i=0;i<targArray.length;i++)
         { thisItem=targArray[i];     
          // syntax is new Option("text", "value", isDefaultSelectedFlag, isSelectedFlag)
                   
           targetObj.options[i]=new Option(thisItem,thisItem,false,false);   
         }
     obj.blur();
  }
  
// ============ end process() ===================
// fires on selecting in third select box
 function finish()
  { select("["+selectObj1.value+"]  ["+selectObj2.value+"]")
  }
// ------------ 
//
window.onload=init;
//-->

</script>

 function getDropDown() {
         var optionDrop = document.getElementsByName("optionDrop");
        var na = document.getElementById("na");
        var numberDrop = document.getElementsByName("numberDrop");
        var answerA = document.getElementById("answerA");
        var answerB = document.getElementById("answerB");
        var answerC = document.getElementById("answerC");
        var answerD = document.getElementById("answerD");
        var answerE = document.getElementById("answerE");
        var answerTrue = document.getElementById("answerTrue");
        var answerFalse = document.getElementById("answerFalse");
        var answerYes = document.getElementById("answerYes");
        var answerNo = document.getElementById("answerNo");
        
    if (optionDrop[0].value == "abc" || optionDrop[0].value == "abcd" || optionDrop[0].value == "abcde"){
					numberDrop[0].style.display = "block";
					na.style.display = "none";
		
    }else if (optionDrop[0].value == "trueorfalse" || optionDrop[0].value == "yesorno"){			
	    			numberDrop[0].style.display = "none";
	    			na.style.display = "block";            
            
            }
            }

<form id="enter" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" onsubmit="return validateForm(this);" >
<table id="middleDetails" border="1">
<tr>
    <td>Question:</td> 
    <td rowspan="3">
        <textarea rows="5" cols="40" name="questionText"></textarea>
    </td>
    <td>Option Type:</td> 
    <td>
        <select name="optionDrop" onClick="getDropDown()">
<option value="">Please Select</option>
<option value="abc">ABC</option>
<option value="abcd">ABCD</option>
<option value="abcde">ABCDE</option>
<option value="trueorfalse">True or False</option>
<option value="yesorno">Yes or No</option>
</select>
    </td>
<tr>
<td colspan="2"></td>
<td>Number of Answers:</td>
<td>
<span id="na">N/A</span>
<select name="numberDrop" id="numberDropId" onChange="getButtons()">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
</tr>
</table>
</form>

<td width="40%" align="center"><font color="#000099"><b>
<select id="Aircraft">
 <option value="0">N148LH</option>
 <option value="1">N149LH</option>
 <option value="2">N150LH</option>
 <option value="3">N151LH</option>
 <option value="4">N152LH</option>
 <option value="5">N153LH</option>
 <option value="6">N155LH</option>
 <option value="7">N156LH</option>
 <option value="8">N157LH</option>
 <option value="9">N159LH</option>
 <option value="10">N162LH</option>
 <option value="11">N163LH</option>
</select></b></font></td>

  

  var selectmenu=document.getElementById("Aircraft")
  
  if (Aircraft=0) {
  df.ew.value = 1569.41;
  df.ew_mom.value = 135909.2;
  }
  
  if (Aircraft=1) {
  df.ew.value = 1570.11;
  df.ew_mom.value = 135929.76;
  }

<script type="text/javascript">


var x = [1, 2, 3, 4, 5, 6, 7, 8, 9];
document.write(sum(x));


</script>

function keyPressed(event, input) {
    if (event.keyCode == 8) {
        return true;
    }
     var char = event.which ? event.which : event.keyCode;
     char = String.fromCharCode(char);
     var exers = "1234 1234 1234";
return (exers.charAt(input.value.length) == char);
}

var exerc = new Array();
     exerc[0]= "1234 1234 1234";
     exerc[1] = "5678 5678 5678";
     exerc[2] = "9012 9012 9012";

<form>
<select style="width:100px" id='courses'>
</select>
</form>

<courses>
        <course title="exercise 1">
            <lesson>1234 1234 1234</lesson>
        </course>
        <course title="exercise 2">
            <lesson>5678 5678 5678</lesson>
        </course>
        <course title="exercise 3">
            <lesson>9012 9012 9012</lesson>
        </course>
            .
            .
            .
</courses>

function keyPressed(event, input) {
    if (event.keyCode == 8) {
        return true;
    }
     var char = event.which ? event.which : event.keyCode;
     char = String.fromCharCode(char);
     var exerc = new Array();
       exerc[0]= "1234 1234 1234";
       exerc[1] = "5678 5678 5678";
       exerc[2] = "9012 9012 9012";
  for (i=0;i<exerc.length;i++)
{
       document.getElementById("courses").selectedIndex;
}
return (exers.charAt(input.value.length) == char);
}

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


var selectfruit = newArray( //assigning values to fruit selected from dropdown box
			newArray("Banana", 1, 1),
			newArray("Apple", 1.2, 0.5),
			newArray("Mango", 1.1, 0.9),
			newArray("Orange", 0.1, 9.99)); 
var howmanyfruits = Number(document.getElementById("howmanyfruits").value); // how many fruits are you buying
var totalfruitsowned = Number(document.getElementById("totalfruitowned").value); // How many fruits do you already have

/* cash and coupons needed to buy fruits.
   cash is cpst for 1 fruit.
   coupons is cost for 1 fruit
   cash_all is cost for all fruits you're buying
   coupons_all is cost for all fruits you're buying
   
   each fruits requires cash AND coupons to be bought. Cash and coupons are tied to the first values in Array. 
   Eg. If you choose Apple that value would be 1.2  
   
   The 'fruitsmaxtobuy' variable is not tied to the first value, but the second one in array.
   If you choose Apple that value would be 0.5.
*/
   
var cash = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 700)*10)/10;
var coupons = Math.round(((totalfruitsowned * 0.51 * selectfruit) + 850)*10)/10;
var cash_all = Math.round((howmanyfruits * cash)*10)/10; 
var coupons_all = Math.round((howmanyfruits * coupons)*10)/10; 

var fruitsmaxtobuy = Math.round((totalfruitsowned * 0.12 * selectfruit)*10)/10;

/*
Display Error if nothing is entered or if you forget to enter total fruits 
*/

if (((howmanyfruits=="" || howmanyfruits==null) && (totalfruitsowned=="" || totalfruitsowned==null)) || ((howmanyfruits==Number(document.getElementById("howmanyfruits").value)) && (totalfruitsowned=="" || totalfruitsowned==null)))
{document.getElementById("cash").innerHTML = "Error";
document.getElementById("coupons").innerHTML = "Error";
document.getElementById("cash_all").innerHTML = "Error";
document.getElementById("coupons_all").innerHTML = "Error";
document.getElementById("fruitsmaxtobuy").innerHTML ="Error"}
else {
document.getElementById("cash").innerHTML = cash;
document.getElementById("coupons").innerHTML = coupons;	
document.getElementById("cash_all").innerHTML = cash_all;
document.getElementById("coupons_all").innerHTML = coupons_all;
document.getElementById("fruitsmaxtobuy").innerHTML =fruitsmaxtobuy}
}
</script>

<form action="" id="fruitcost">
<table align="center" width="37.5%" cellpadding="0" cellspacing="0">
	<tbody>
    	<tr>
        	<th colspan="2" align="center">Fruit cost calcultor</th>
        </tr>    
   		<tr>
			<td>Select Fruit:</td>
            <td align="center"><select id="selectfruit">
      		 		<option>Banana</option>
        	    	<option selected>Apple</option>
        			<option>Mango</option>
        			<option>Orange</option>
   				</select>  
            </td>   
        </tr>
        <tr>
			<td>Total Fruits Owned:</td>
            <td align="center"><input id="totalfruitsowned" type="text" /></td>
		</tr>
        <tr>
			<td>How many fruits are you buying:</td>
            <td align="center"><input id="howmanyfruits" type="text" /></td>
		</tr> 
        <tr>
        	<td>Money Needed to buy 1 fruit:</td><td><font id="cash"></font></td>
        </tr>
        <tr>
        	<td>Coupons Needed to buy 1 fruit:</td><td><font id="coupons"></font></td>
        </tr>                              
        <tr>
        	<td>Money Needed:</td><td><font id="cash_all"></font></td>
        </tr>
        <tr>
        	<td>Coupons Needed:</td><td><font id="coupons_all"></font></td>
        </tr>
                <tr>
        	<td>Nr. of fruits you can buy:</td><td><font id="fruitsmaxtobuy"></font></td>
        </tr>
        <tr>
        	<td align="center" colspan="2"><input type="button" value="Submit" onclick="Fruits()" /></td>
        </tr>    
    </tbody>
</table>
    </form>

<body>
<div id="content">
    <h1>Student Scores</h1>
	
	<div id="buddy">
	<b>Last Name: </b><input type="text" id="lastName" />
		
	<b>First Name: </b><input type="text" id="firstName" />
	
	<b>Sco  </b><input type="text" id="score" />
	
	<input type="button" id="calculate" value="Add Student Scores" />
	</div>
	
	
	<fieldset>
	<legend>Student Scores</legend>
	<p id="tasks"><textarea id="task_list" rows="20" cols="100"></textarea></p>
	</fieldset>
	
	<div id="yoohoo">
	<b>Average sco  </b><input type="text" id="averageScore" />
	<div>
	
	<div id="yes">
	<p><input type="button" name="add_task" id="add_task"
        value="Clear Scores" /></p>
		
	<p><input type="button" name="add_task" id="add_task"
        value="Sort By Last Name" /></p>	
	</div>
</body>

function dispTable (form) {
       var userCost2 = form.venCost2.value * 1;
      marArray = new Array ("0.05", "0.1", ".15", "0.2", "0.25", "0.3", "0.35", "0.4", "0.45", "0.5", "0.55", "0.6", "0.65", "0.7", "0.75", "0.8");
         for (var i=0; i<marArray.length; i++) {
            document.tableDiv.innerHTML = "<div>"
            document.tableDiv.innerHTML = userCost2;
            document.tableDiv.innerHTML = marArray[i];
            document.tableDiv.innerHTML = + userCost2 * marArray[i];
            document.tableDiv.innerHTML = "<\/div>";
   }
}

<div class="container">
   <form name="lasoCalcTable">
     <span>Enter Vendor Cost</span>
       <input class="textForm" name="venCost2" id="venCost2" type="text" size="8" />
        <hr />
        <input class="butForm" name="calcTblBut" type="button" value="Calculate" onclick="dispTable()" /><br />
    </form>
   
    <div title="tableDiv" id="tableDiv">

     </div>
     
</div>