Accordion Effect
A Dreamweaver™ ExtensionWorks with Dreamweaver MX, MX 2004,
DW 8, CS3, CS4, CS5, CS6 or later versions
DW 8, CS3, CS4, CS5, CS6 or later versions
Demo
Features
This is a handy tool if you don't want all sections of your web page to be visible at the same time, for example, if you have a long page. This product gives your page a professional and elaborated look.
- No programming skills required.
- No server side requirements.
- Compatible with most browsers, both PC and Mac.
Fast Tutorial
Installation
Execute TSAccordion.mxp using for the extension installation process the Adobe Extension Manager distributed with the Adobe Dreamweaver Application.
Restart Dreamweaver.
Go to Insert => Dynamic Trio Solutions => Insert Accordion
...or Insert Bar => Dynamic Trio Solutions => Insert Accordion
Restart Dreamweaver.
Go to Insert => Dynamic Trio Solutions => Insert Accordion
...or Insert Bar => Dynamic Trio Solutions => Insert Accordion
Tips
Please save your webpage before attempting to insert an Accordion.
The Setup Dialog will contain the following options:
Note: Section Title Class and Section Content Class are taken as a reference for a correct functioning of the accordion effect but each one of the elements inside the section titles and the section contents can have their own style. However, Section Title Class and Section Content Class must be defined and different from each other in order for the accordion to be inserted in your webpage.
A series of Section Title Class and Section Content Class pairs will be created, as many as defined by the field Section Count. These pairs will contain "false" text that you can easily replace with your own text.
The Setup Dialog will contain the following options:
- Section Count: The number of sections - Section Titles and their content - that will be inserted into your webpage.
- Section Title Class: A style that will be applied to every section title in the accordion. Section Title Class must be applied only to section title in the accordion and not in other html tags.
- Section Content Class: A style that will be applied to the content in all the sections. Section Content Class must be applied only to section content in the accordion and not in other html tags.
Note: Section Title Class and Section Content Class are taken as a reference for a correct functioning of the accordion effect but each one of the elements inside the section titles and the section contents can have their own style. However, Section Title Class and Section Content Class must be defined and different from each other in order for the accordion to be inserted in your webpage. A series of Section Title Class and Section Content Class pairs will be created, as many as defined by the field Section Count. These pairs will contain "false" text that you can easily replace with your own text. Instant Download
This extension is FREE. Please click the following link to download:
