Hello all, Ajah :-)
wondering if I might get a bit of help with a DIV tag, I simply want it to FADE open, not just suddenly open so it opens visually very nice,
AND to get the DIV window to CLOSE when anything OUTSIDE the div window is clicked AND need to setup at leat 5 of these open windows
and only want 1 to be open at any time.
any help would be appriciated.
<script language="JavaScript">
function toggle(id) {
var state = document.getElementById(id).style.display;
if (state == 'none') {
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
</script>
</head>
<body>
<h1>Toggle Div Visibility</h1>
<div><a href="#" onclick="toggle('toggled'); return false;"><font color="#000000">Toggle</font></a></div>
<div id="toggled" style="display:none; background-color: yellow; border: 1px solid black; width: 200px; height: 100px; position: absolute;top: 100px; left: 100px;">
ALL HTML to show in DIV here!
</div>
<div>
I'm just here to show the affect on document flow.
</div>
Bookmarks