Hi all,

I'm super new to jquery and am trying to get a few hidden div's to slide down when a link is clicked and then contract when a close link inside that div is clicked.

So far i have been able to get at least one of the hidden links to appear using the slidetoggle feature.  I'm not sure how to go about making the close link inside it function though.

At the moment I was trying to get multiple links to toggle open and closed but all that is happening is that the same hidden div is opening and closing when different links are clicked. I believe this has something to do with how I defined the click trigger?

can anyone help me with this, show me how i would be able to use the slidetoggle feature and have a close link inside that hidden div work properly?

here is my test site: slidetoggle test

basically what i have on the test site is this:

               

                
$(document).ready(function(){
                
//Expand & Close Toolbox Panel
                
 $(".toolbox").click(function(){
                
 $("#popup-toolbox").slideToggle("slow");
                
 $(this).toggleClass("active"); return false;
               

I was told I needed to additionally remove the toggleclass but if i do that then none of the slide toggling works.

How would I add to that to make the close link work?

Additionally, if I wanted to set the positioning of where the box dropped down is the only way to do that in css or can i accomplish that in the jquery code?

I appreciate any help with this or suggestions.