## Determine if a slidetoggle is hiding or showing

I have a slide toggle on paragraphs within unique divs. These divs are wrapped in a "main" div. Is it possible to determine if the paragraph's are hidden or visible so that I can adjust the "main" div's height relative to the number of different paragraphs showing? You can see the issue on the bottom of my site http://joeeckloffdesigns.com/

This is the script I'm using for the slide toggles…

function () {
\$("#main p").hide() //hides all paragraphs on initial page load
\$("#design_dev span").click(function () {
\$("#design_dev p").slideToggle("slow");
});
\$("#zen span").click(function () {
\$("#zen p").slideToggle("slow");
});
\$("#redesigns span").click(function () {
\$("#redesigns p").slideToggle("slow");
});
\$("#packaging .col_1 span").click(function () {
\$("#packaging .col_1 p").slideToggle("slow");
});
\$("#packaging .col_2 span").click(function () {
\$("#packaging .col_2 p").slideToggle("slow");
});
}

If there is anyway I could have improved this post please let me know. It's only my second and I'd like to learn to do them well.

Thanks.