Jump to content

Collapsing lists


Cloud Weaver

Recommended Posts

I have this.

<html><head><script type="text/javascript">function maplinks(anchor) {document.getElementById('maplinks') .style.display = (anchor.innerHTML == 'Maps' ? 'block' : 'none');}function staff(anchor) {document.getElementById('staff') .style.display = (anchor.innerHTML == 'Staff' ? 'block' : 'none');}</script><base target="Page"></head><body bgcolor= #000000><a onclick="homepage(this)" href="Aether Homepage.html">Home</a> <br><a onclick="sneakpeaks(this)" href="Aether Sneak Peeks.html">Sneak Peeks</a> <br><a onclick="maplinks(this)" href="Aether Maps.html">Maps</a> <br><div id="maplinks" style="display:none"><ul><li><a href="Aether Maps.html#FanMaul">Fantasy Maul</a></li><li><a href="Aether Maps.html#WereGame">Werewolf Game</a></li><li><a href="Aether Maps.html#VB">Village Builder</a></li><li><a href="Aether Maps.html#LoaP">LoaP</a></li></ul></div><a onclick="archives(this)" href="Aether Map Archives.html">Archives</a> <br><a onclick="staff(this)" href="Staff.html">Staff</a> <br><div id="staff" style="display:none"><ul><li><a href="Staff.html#Net">Net Creator</a></li><li><a href="Staff.html#MD">Mirage Dragon</a></li><li><a href="Staff.html#Vuen">Vuen</a></li><li><a href="Staff.html#Cloud">Cloud Weaver</a></li><li><a href="Staff.html#Dr">Dr. Hobo</a></li></ul></div></body></html>

It shows the lists onclick but how do I make the lists disappear when I click on another link?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...