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.