Basically, this is what I'm trying to do. I have content, a form, a the bottom of my page, with its display set to none. What I want to do, is when someone clicks an up arrow, the image icon, the whole form will slide UP into view, and become visible, while if they click the arrow again, it will return the form to slide back down and also set its display back to none. This is what I have so far.

```
<div class="hidden_panel_wrapper">
<div class="hidden_panel_icon"> <img id="hidden_panel_icon" src="thumbnails/up_arrow.png"> </div>
<div class="hidden_panel hide" id="hidden_panel">
<div class="hidden_panel_form">
<form name="newsletter_subscribe" method="post" action="subscribe_success.php">
<input class="text_input" type="email" placeholder="Type E-Mail Address" name="email">
<input type="submit" class="button_input" value="Subscribe To Our Newsletter">
</form>
</div>
</div>
</div>

```

So I know that to use slide toggle, slidedown will bring elements into view, but i cant figure out how to slideUP and bring an element into view. I looked around at jquery animate, couldn't really figured it out, and i also just looked at setting new styles via javascript (object.style.top="-200px" but that didnt really work. To be simple, I need a slidetoggle, but so it my content will slide UP into view, and DOWN back to display="none". Thanks in advance!