Today`s tutorial is very powerful one, because i`ll show you how to make your dynamic links looks like web 2.0 dynamic liks by adding "DropDown Accordion Panel" to it.

» Dynamic DropDown Accordion Panel Description:
--------------------------------------------------------------------
One of the most versatile scripts of its kind, this script created to show you how to compact arbitrary content on your page so they're expandable on demand. This allows you to save space within your webpage and even add to the aesthetics of the webpage's design in many cases. What sets this script apart from most other you'll find are the following features:

Works unobtrusively in all modern browsers. Those with JavaScript disabled will simply see all the contents expanded by default.

Supports multiple "groups" of switch contents on the same page, each with their own independent settings.

Decide whether to collapse previous content when expanding the current, so only one content can be open at any time.

Specify arbitrary HTML to prefix the headers to indicate open and closed states, such as an open and closed bullet image.

Set the color of the headers when its content is open or closed, respectively.

Supports persistence of content states using session or non-session cookies, so navigating away from the page and revisiting it won't reset their states.

Specify which contents (if any) should be expanded by default. Note that cookie feature if enabled overrides this setting.
Most of the features listed are optional and can be enabled/ disabled as desired. Yes your mind is running wild with ideas now...

Have fun sliding content up and down

:: Go To Tutorials :: <http://www.developer-online.com/tutorial_details.php?id_tut=62>

:: Go To Online Demo :: <http://www.developer-online.com/accordion_links.php>

__
Best Regards
Waleed Barakat
Developer-Online Creator and programmer
<http://www.developer-online.com>

Hi Waleed,

your Dynamic DropDwon Accordion - demo looks pretty cool, but the link to the tutorial returns a "the requested URL was not found on this server" error.

However, when looking at the demo´s source code, I didn´t see anything in here that´s in any way related to ADDT, and this might be quite confusing to forum participants who - in my opinion - will supposedly rather expect tutorials about stuff which at least partially involves ADDT related topics.

Here´s my suggestion :: if a newly introduced tutorial is not related to ADDT at all, please consider adding a clear "OT" (means: Off Topic) remark to your tutorial announcement.

Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Hi Gunter

think it works fine, no url errors
<http://developer-online.com/tutorial_details.php?id_tut=62>

and the Demo too:
<http://www.developer-online.com/accordion_links.php>

what`s wrong of these?

Links are working fine now!

It's a nice example Waleed, I'm using a similar technique at this website, which is in development...

<http://www.thenorthernbeaches.com.au/?mod=faqsbyg roup>

In this case I am using ADDT to loop the FaqGroups, and then using the ADDT NestedRepeat behaviour to display the FAQs by Group.

The css is critical to this technique, I can think of many cases where the appearance you have used will be handy.

Hi Purple
thanks for the nice comment, i think it`s easy than you use nested repeat region.