Dreamweaver CS3 Spry Accordion Pt.3

Posted on June 13th, 2008 in Techniques by admin

Table of contents for Dreamweaver CS3 Spry Accordion

  1. Dreamweaver CS3 Spry Accordion
  2. Dreamweaver CS3 Spry Accordion Pt.2
  3. Dreamweaver CS3 Spry Accordion Pt.3

Now accordion are panels that open and close when you click on them and you can just see by clicking on the accordion button.

Two panel accordion is inserted on the page lets save this and look at it actually live to give you a better idea what it looks like and when you save it you basically also ask if you want to save the special files are requires to get this to work so we did and lets preview in a browser as you can see this new page in a browser..ah…that has two panels. These panels are open and close when you click on them really cool stuff and what i have used these for are to create multi choice questions.

so to do that i enter in the question and the default open panel that the that’s by default open on one of the web page so i am typing the question and the question is What is my favorite color? And the rest of the panels i used to show the answers before this first panel answer is red and it is eye icon in the lower right side that opens up the panel at..a..is associated with that header so i will type in that the answer is incorrect. I will also add couple of more panels so i can have more answers to this question and so here is answer yellow which is incorrect eye icon which opens up the panel and type in the answer green which is incorrect.

Its there now i have a multi choice question which can use in a quiz now take a look at it live so here is the question and you can choose an answer another answer or another answer so this is a great tool for you to be able to use thanks

In case you didn’t see the video in part 1 of this series… here it is again.

Tags: , , , , ,

Tags

Post a comment