I have a little script (js of course) that is used to sho and hide content by id by simply adding the following to the show/hide button:
Code:
onclick="toggle('something');return false;"
So it works perfectly and now I wanna add on to it. What I want it to do is to do a nice smooth and not too slow (not too fast either) sliding effect similiar to http://www.1976design.com/blog/ when you click on panaroma information at the top roght hand side of the screen.

I would also like to have two different states for the link that you click on to show and hide. I like to have a + button when it is in the hide button and have a - button while in the show state.

In case you're interested in just reviewing the code or helping me out here is the code I have at the moment:
Code:
function toggle( targetId ){
  if (document.getElementById){
        target = document.getElementById( targetId );
           if (target.style.display == "none"){
              target.style.display = "";
           } else {
              target.style.display = "none";
           }
     }
}
Now just as a note I'm not really into javascript too much as far as programming goes, I'm more into server-side programming but I do have sufficient Javascript knowledge.