PDA

Click to See Complete Forum and Search --> : Expand Image Menu

DreamKid
03-28-2006, 03:34 AM
I would like to click on an menu (image) and it will expand into 2 or more sub-menus. I try to search through the internet for source or guide to do it. Any hints or resourses will be helpful.

Thank you. :rolleyes:
DreamKid
03-28-2006, 08:22 PM
Anyone? :(
DreamKid
03-28-2006, 10:24 PM
Guess I'm answering my own question now..


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Test</title>

<style type="text/css">
#arc, arc2 {display: none;}
li {list-style-type: none; left: 0em;}
.mar {margin-top: -.025em;}
</style>


<script language="JavaScript" type="text/javascript">
<!--
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
}else{
abra.display = "block";
}
return false;
}else{
return true;
}
}
//-->
</script>

</head>
<body>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="#" onclick="return kadabra('arc');"><img src="http://www.google.com.my/images/logo_sm.gif" /></a><br>
<ul id="arc" class="mar">
<li><a href="#" onclick="return kadabra('arc2');">
<img src="http://www.google.com.my/images/logo_sm.gif" />
</li></a>
</ul>
<img src="logo.gif" />
</td>
</tr>
</table>

</body>
</html>