Collapsible blocks

I was able to get this functionality working on a test site; it simply toggles the content of a block when clicking it's title. For this to become a useful feature it should remembers each user's setting (hide or show) for each block. The only way I see this being a possibility is for each block to have some sort of unique ID. Any suggestions?

This is a better implemtation and adding the JS files the "correct" way via the template.php file. See the attached file.

From my demo site:
I've modified the iTheme to work closer to the original, this theme currently has the added features of:

• Ability to collapse and open blocks by clicking their title.
• A slide up/down animation when a block is changing state to collapsed or open.
• Retaining each user's setting (open or collapsed) for each [unique] block through all the pages of the site for the user's current browser session (until they close their browser).

To accomplish this functionality:

• I've added a template.php file to the theme which load some javascript:
  • The jQuery Cookie [helper] plugin
  • An inline variable to set the cookies' path to the site's base_path()
  • The jQuery code I wrote that implements everything

Test it out for yourself! And report back any bugs or oddities.

Also note that it will degrade gracefully for people with javascript off.

Attached below is a copy of the modified version of the iTheme

Added to first official release.

This shouldn't be the case, as the code uses cookies to determine if a block should be collapsed. With that, the only way a cookie is created is when the block is open and the title is clicked.

Try deleting your cookies, and refresh the page. If that doesn't work it might be something interfering with the prototype JS library; I would recommend using Drupal's Thickbox to replace the lightbox plugin. This will greatly reduce the amount and number of JS files loaded on your site. Right now you have to JS libraries loaded, prototype with spritalious and jquery!