Website located here:
http://acs.graphicsmayhem.com/spoogs/index.php
Code is located here: http://jsfiddle.net/vMM8Q/ (website for the calendar blocks uses ids instead of classes, not that it matters any)
So the problem I'm facing is that when you collapse either the top-right or top-left Calendars in the first link, and than reload the page, since it's being cached, it stays collapsed (which is fine). But when you expand it, it expands all of the way, and doesn't stop until every <li> within the <ul> are loaded in height, BUT the real kicker is that it shows absolutely nothing!!! A Big Blank height of nothing!!
It's using display: none; for the CSS of the style of the OVERALL div tag that holds everything in the block (when it's collapsed and toggles this via JS when the - and + are clicked on). So, even if I assign it a height, it doesn't show anything in there. All of the variables are assigned to the value of 0 (which doesn't make sense to me). Is there something that can be done via jQuery to fix this? If I give it a height, than the calendar months aren't going to fit perfectly, because the height is based off of the content in there and should be. So defining a height could mess it up, however, not defining a height causes the huge empty space when expanding the block after having been collapsed (after reload of page ofcourse). Hitting Previous/Next links does absolutely nothing (or so it seems), and nothing gets shown where the calendar month is supposed to be. arggg...
Is this a known issue in jQuery, that it doesn't perform correctly within div tags that have a display: none; assigned to them? If so, is there anything that can be done about this?