So, I have this little script:

2. <script type="text/javascript">
3.  $(document).ready(function(){
4.                 $("#contactLink").click(function(){
5.                     if ($("#contact-container").is(":hidden")){
6.                         $("#contact-container").slideDown("slow");
7.                     }
8.                     else{
9.                         $("#contact-container").slideUp("slow");
10.                     }
11.                 });
12.             });
13.             function closeForm(){
14.                 $("#messageSent").show("slow");
15.                 setTimeout('$("#messageSent").hide();$("#contact-container").slideUp("slow")', 2000);
16.            }
17. </script>

Awesome, it works perfectly. However, I'd like it to slide up instead of down. When I reverse everything, nothing happens!

1. <script type="text/javascript">
2.  $(document).ready(function(){
3.                 $("#contactLink").click(function(){
4.                     if ($("#contact-container").is(":hidden")){
5.                         $("#contact-container").slideUp("slow");
6.                     }
7.                     else{
8.                         $("#contact-container").slideDown("slow");
9.                     }
10.                 });
11.             });
12.             function closeForm(){
13.                 $("#messageSent").show("slow");
14.                 setTimeout('$("#messageSent").hide();$("#contact-container").slideDown("slow")', 2000);
15.            }
16. </script>

Wracking my brains to figure this one out, if someone could shed some light!

Thanks