I started out with the following jquery code:
//Expand & Close Toolbox Panel
$(this).toggleClass("active"); return false;
This worked for the box that I wanted with the toolbox link, with the exception that I could not get it to toggle closed with the close link.
I tried to add this for another link:
//Expand & Close CMS Login Panel
$(this).toggleClass(""); return false;
But now, the toolbox link does not open it's hidden div they all open, the pop-up cms div. And when I added that second part they also will close if you click inside the div (this wasn't happening before with just the toolbox defined)
So my question is how do I fix this so that my links will each slide down their respective div when clicked on and how can I make the close button work?
Also, if i didn't want to set the position of the hidden div via css is there a way to define that in jquery?
Any assistance with this is really appreciated. I'm just getting myself more confused as I try to fix it.
I have a testing site set up here: http://www.designfoxmediaworks.com/slidetest