I changed the mootools library somewhat to add the option too Fx.Slide to close too a specified width/height.
The only thing I'd still like to change, is to have the handle at the top of the containing element. Any ideas?
An example is provided here...
| One |
| Two |
| Three |
| Four |
<script src="/drupal/misc/scripts/mootools.jrgns.js"></script>
<div id="outter" style="border: 1px solid green;">
<table>
<tr>
<td>One</td>
</tr>
<tr>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
</tr>
<tr>
<td>Four</td>
</tr>
</table>
<div class="handle" style="border: 1px solid black; height: 25px;
text-align: center;" onclick="elm.toggle()">
Handle
</div>
</div>
<script>
var elm = new Fx.Slide('outter', {minimum: 27});
</script>