Hi flow79,
try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#dropper { display: none; }
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
var el;
el = document.getElementById(el
if(el.style.display != 'block')
{
el.style.display = 'block';
}
else
{
el.style.display = '';
}
}
//-->
</script>
</head>
<body>
<div onClick="toggleDiv('droppe
<div id="dropper">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
</body>
</html>
Cheers!
-Matt-
Main Topics
Browse All Topics





by: archrajanPosted on 2005-06-30 at 07:58:31ID: 14338867
here u go:
(element). style.disp lay == 'none') ement).sty le.display = 'block'; (element). style.disp lay == 'block') ement).sty le.display = 'none';
r');">Main </div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#dropper { display: none; }
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
if(document.getElementById
{
document.getElementById(el
}
else if(document.getElementById
{
document.getElementById(el
}
}
//-->
</script>
</head>
<body>
<div onClick="toggleDiv('droppe
<div id="dropper" style = "display:none">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
</body>
</html>