MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create an Expandable FAQ Listing with jQuery and Dreamweaver

Course Summary

Shows how to create an FAQ section for a web site with questions that have expandable and collapsible answers, using Dreamweaver and jQuery.       

  • +

    Course Syllabus

       Previewing the final project
       About the exercise files
    Creating Your Graphic Files
       Creating project folders
    Creating the HTML Markup
       Creating the HTML, CSS, and JavaScript files
       Building the HTML and CSS for the outer container
       Creating the CSS for the Q and A containers
       Creating the HTML for Q and A containers
    Activating the Carousel with JavaScript
       Using JavaScript to close the answer container
       Using JavaScript to open the answer container
    Setting and Animating the Captions
       Adding in sample content
       Creating the final CSS rules for the Q and A graphics
    Adding and Animating the Letter Graphics
       Dynamically injecting divs for the Q and A graphics
       Animating the Q and A graphic states
       Opening an answer automatically from a URL anchor link
    Where to Go from Here
       What's next


Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations and Networks & IT Infrastructure Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top