Expandable Content

Permalink
I tweeted this recently and meant to post it to the forums, but I don't think I ever actually did. I recently made an expandable content block which basically is a modified Content block that allows you to expand/collapse content using the jQuery slideToggle function. Check out an example athttp://www.sixeightmedia.net/expandable_content... . The block may be downloaded there also, or via the attached zip. Enjoy!

1 Attachment

jgarcia
 
chawki replied on at Permalink Reply
chawki
Thanks for that!
chunksmurray replied on at Permalink Reply
chunksmurray
I've been meaning to do something similar, but you've just saved me a whole bunch of time!

Thanks for your work on this!
jincmd replied on at Permalink Reply
jincmd
sweet...
Iconoclast replied on at Permalink Reply
This is fantastic, thanks a lot!
kissi replied on at Permalink Reply
kissi
somebody has an idea how to implement forms with something like this?
bcarone replied on at Permalink Reply
bcarone
Thanks jgarcia. This block is excellent.
olay replied on at Permalink Reply
olay
— this works brilliantly, thankyou.

I wish I knew php and i would implement this as an option / template on other blocks too.

Particularly autonav/pagelist. Any takers?
jznorcic replied on at Permalink Reply
jznorcic
Can anyone assist in how I might go about using this block with an image rather then a text hyperlink to expand/contract the block?
alemao replied on at Permalink Reply
alemao
just put the html code of your image source in the title of this block like:

<img src="/index.php/download_file/-/view_inline/113" alt="1downarrow1.png" width="32" height="32" />

make sure you have uploaded the pic before and it should work.
jznorcic replied on at Permalink Reply
jznorcic
Thanks alemao. And here I was thinking it would be complex... should have tried the obvious. Cheers. John.
bryanlewis replied on at Permalink Reply
bryanlewis
But it jumps at the end... is there a way to fix this?
johnnyNui replied on at Permalink Reply
johnnyNui
jquery version 1.3 and above fixed this problem, but there is also a fix for 1.2 versions
http://jqueryfordesigners.com/animation-jump-quick-tip/...
FatTony1952 replied on at Permalink Reply
FatTony1952
This method does not work.
hexacreative replied on at Permalink Reply
hexacreative
cool!
mario replied on at Permalink Reply
mario
nice :)
epursimuove replied on at Permalink Reply
I have a page I want to build with a few FAQ's, each one is in an expandable content block and each is closed by default.

I want to be able to go link to the anchor and have that content expanded.
http://www.myhostname.whatever/ops/faq#rs...
And only the rs FAQ is open.

How could I accomplish that?
frz replied on at Permalink Reply
frz
we're thinking of building a faq add-on for our own purposes here, its a few weeks out but if you can wait it'll be cool.

short of that, none that i know of.
epursimuove replied on at Permalink Reply
Build it and I will use it... :)
jgarcia replied on at Permalink Reply
jgarcia
sebastienj replied on at Permalink Reply
sebastienj
Or they are this block that can easily manage your different expandable content :http://www.concrete5.org/marketplace/addons/easy-accordion/...