[jQuery] slideDown & slideUp - Anyone Know How?

[jQuery] slideDown & slideUp - Anyone Know How?


I have been fussing with this for a long time. I don't know
Javascript, so if someone knows how to help don't talk gibberish ;)
Here is the link I was using: http://docs.jquery.com/Effects/slideDown#speedcallback
I have tried the example of the slideDown and slideUp and have yet to
get it to work the way I need it to. I know this is extremely basic
since I can do it with MooTools with literally a couple lines of code.
Unfortunately, I need ThickBox on the same page (jQuery), so I need to
do this without MooTools since ThickBox wont work with MooTools.
I have a plus (vectorsIn) and minus (vectorsOut) button that are
visible at all times. These buttons hide or unhide the div, #vectors.
The HTML is below and I would like it if I would not have to change
it. I do not think I do though since MooTools and jQuery seem to be
fairly similar in the HTML syntax. I want the plus and minus buttons
to hide or unhide the div in short. I also want the #vector div hidden
on page load and I want both plus and minus visible at all times.
There is no CSS applied to any of the IDs below, only the Classes.
I have this for my HTML:
<div class="freebieSliderContainer">
                <div class="freebieSlideBar">
                    <div class="sliderName">Vectors</div>
                    <div class="sliderButtons">
                        <a id="vectorsIn" class="toggleLinks" href="#"><img src="images/
freebies/open.png" alt="Open content" /></a>
                        <a id="vectorsOut" class="toggleLinks" href="#"><img src="images/
freebies/close.png" alt="Close content" /></a>
                    </div>
                </div>
                <br style="clear:both" />
                <div id="vectors" class="sliderContent">
                </div>
</div>