Viewers: in countries Watching now:
Frequently asked questions (FAQs) are a popular aspect of any web site. This course shows how to create questions that have expandable and collapsible answers, allowing visitors to easily find the information they need. Author and jQuery expert Chris Converse shows how to build an FAQ section for your site quickly, using the tools in Dreamweaver and the code libraries in jQuery. In addition, the course demonstrates how to automatically link to a specific question, and automatically open the answer, giving you the ability to provide users with a direct answer to their question.
And before we get started, let's take a quick look at what's included in the exercise files. So there are four items inside of here. In our Template folder, which contains a source Photoshop file with all the slices intact. Second is the folder called Files to add, which has a copy of jQuery. Third is an HTML file, which has all of the content for the questions and answers. So we don't have to type all of that content, and the last folder contains a full copy of the final project that we looked at in the introduction video. Now to create a spot for project, let's come over to the desktop and let's create a new folder. We're going to call this myFAQ.
Let's open this up. Inside of the myFAQ folder we're going to create another folder called images, and another one called includes. And then we're going to come back to the exercise files. Let's grab a copy of jQuery, and let's drag a copy into the includes directory. Now that we have the folders created for our project, in the next movie we'll start by going into the Photoshop file and creating the graphics for our project.
There are currently no FAQs about Create an Expandable FAQ Listing with jQuery and Dreamweaver.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.