Hi guys

I have a question. I have a website that i have a cascading menu style. In other words, i have a menu item and once selected it brings up another hidden menu item. I got the code from someone, but now i need to know how to add multiple other menu's to the code. PLEASE HELP!!!

The code is as follows:

<script>
function ShowReg(op) {
document.getElementById('Platinum').style.display='none';
document.getElementById('Gold').style.display='none';

if (op == 1) {
document.getElementById('Platinum').style.display="block";
}
if (op == 2) {
document.getElementById('Gold').style.display="block";
}

}
function ShowSkill(op) {
document.getElementById('golf').style.display='none';
document.getElementById('other').style.display='none';

if (op == 1) {
document.getElementById('golf').style.display="block";
}
if (op == 2) {
document.getElementById('other').style.display="block";
}

}
</script>


<Body>
<form name="rsvpform" method="post" action="confirmation.asp" id="rsvpform">

Platinum or Gold Package
<select name="package" id="choice" onchange="ShowReg(this.selectedIndex)">
<option selected="selected" value="Select">Select</option>
<option value="Platinum Package">Platinum Package $1,650</option>
<option value="Gold Package">Gold Package $899</option>
</select>
<br />

<div id="Platinum" style="display:none"><span class="style12">Select Either Golf Tournament or other Event</span>
<select name="eselect" id="selecte" onchange="ShowSkill(this.selectedIndex)">
<option selected="selected" value="event_select">Select</option>
<option value="event_golf">JRAS Golf Tournament</option>
<option value="event_other">Other Event </option>
</select>
</div>

<div id="Gold" style="display:none">
</div>

<div id="golf" style="display:none"><span class="style12">Select Your Golf Skill Level - Select for description</span>
<select name="golfskill"><option selected="selected" value="golf_select">Select</option>
<option value="A">A - Great</option>
<option value="B">B - Good</option>
<option value="C">C - Familiar</option>
<option value="D">D - New or Beginner</option>
</select>

</div>
<div id="other" style="display:none">
</div>

<input type="submit" value="Submit" class="button" />
</body>

Any help will be greatly appreciated