This javascript effect in Drupal?

Events happening in the community are now at Drupal community events on www.drupal.org.
jdln's picture

I have a series of headings with text and images underneath. I want it so just the headings show, and when you click on a heading the content slides out. Clicking the heading again will hide the content.

This is basically what im trying to achieve;
http://demos111.mootools.net/Fx.Slide

This is similar to the accordion except that I want users to be able to have multiple sections open at once. With the accordion (as far as i know) clicking on a different heading will close one thats open.

Is their a Drupal module that can achieve this without me having to write any javascript? Ive tried searching for this but i dont know what the name of this effect is to search for.

Also, the linked example is with moo tools. I could probably figure out how to do this but should I be using JQuery instead?

Thanks

Comments

Just some unchecked

ClearXS's picture

Just some unchecked (incomplete) list of modules I have listed for a research how to change block titles into tabs/buttons. It seems only a bit near what you are looking for:

Collapsiblock
Panels_ accordion
Views_tabs
Views_accordion
Better_menus
Tabs
Vertical tabs
JSTools
Panels tabs
CCK Fieldgroup tabs
Views tabs
Quick tab

Then of course you should first go to all listed modules for javascript:
http://drupal.org/project/modules
=> JavaScript utilities (288)
...and maybe there is another project-indexation that comes close to yours.

I suppose the preferred method is that new work goes into similar existing modules (if exist..) and/or is fine-tuned with existing modules. Actually I'm having javascript, ajax, jquery and css problems for months now because of conflicting modules that all do it in their own way... Maybe I shouldn't use Drupal 6.x for those applications and wait for the more streamlined and integrated ones in D7.x and D8.x ...(!)

Javascript

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: