Javascript Slide Effect

[Trigger]

Hi,

I'm currently writing the intranet at work and on the main page, I have three toolboxes which I want users to be able to show and hide, in that you click a button and it hides the tools but still shows the toolbox title- rather like when you click the search button at the top of the page and it slides down and I want the toolbox to slide up and down like the search box on the forum does. Does anybody have any idea how I can do this? I had a quick search on google but it didn't return much.

Thanks

Ben

 

[Trigger]

Thanks for all the replies I've been trying to use hmmmm's code but am getting stuck somewhere

<div class="systemMenu">
    <div class="menutitle">Management Options</div>
        <div id="managementOptions">
            <div id="menuNewUser">New User</div>
            <div id="menuEditUser">Change User</div>
            <div id="menuEditModules">Edit Modules</div>
            <div id="menuSettings">Settings</div>
            <div id="menuDatabase">Database Manager</div>
        </div>
</div>

How would I scroll the #managementOptions div up and then back down again? I know how to make it appear and reappear but I want it to slide like hmmmm's example if possible. I know the menu options should be done with an unordered list btw but it wouldn't work so I've done it messily with divs

Thanks

Ben

 

[Trigger]

Nevermind, working now