This javascript effect in Drupal?

We encourage users to post events happening in the community to the community events group on https://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 ...(!)