Okay, what I mean would require you to do the following.
Change the
css to something like :
- Code: Select all
/* Restore visibility and let the content have natural height */
#dhtmlgoodies_contentBox {
border:0px solid #317082;
background-color:#E2EBED;
overflow:hidden;
width:960px;
}
#dhtmlgoodies_content {
position:relative;
width:100%;
}
#dhtmlgoodies_slidedown {
position:relative;
width:960px;
display: none; /* remove the element and its space until changed by javascript */
}
The if you had a simple javascript function:
You can add this to the bottom of your
HTML or just add the function to the bottom of that script you have already.
- Code: Select all
<script type="text/javascript">
// Send the id of the object you want to toggle
function toggleDisplay(obj)
{
obj = document.getElementById(obj);
// check for current display and adjust accordingly
if (obj.style.display == 'block')
obj.style.display = 'none';
else
obj.style.display = 'block';
}
</script>
Then to the testmeniue link on your page you can add
onclick="toggleDisplay('dhtmlgoodies_slidedown')"
And it should do what you want but with less than half the code.