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.
Right away we're going to choose File > Save and from the desktop we're going to come into myFAQ, and we're going to call this faq.html; then hit Save. Next we're going to come up to the File menu. Choose New > Blank Page. Let's choose Page Type > CSS. Let's click Create. Right away let's choose File > Save. We're going to save this into the includes directory. We'll call this faq.css. Hit Save.
Under File/URL let's click Browse. From the Desktop > myFAQ > includes, let's grab faq.css, then click Choose, then say OK. Now we have our CSS file linked in. Let's come over here and switch to Code view. So let's get our cursor after the link tag. Let's hit Return. Let's come up to Insert > HTML > Script Objects > Script. Under Source, let's click on the folder.
Let's switch back to Design view, and in the next movie we can start by creating our CSS rules for our layout.
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.