Join Chris Converse for an in-depth discussion in this video Animating the Q and A graphic states, part of Create an Expandable FAQ Listing with jQuery and Dreamweaver.
- View Offline
Now in the faq.html page let's come over to the CSS Styles.…First we want to come back into faq letter_a. Let's come down to the Block…properties, and let's set the Display of this item to None. Choose OK.…We want to make sure that the letter a does not show until we actually animate…the question state open.…Let's come back to faq.js.…Now inside of the if statement that checks to see if the outermost container has…the open class, after we animate the height to 0, let's come in here and hit a…Return. Let's type dollar sign, beginning and ending parentheses, this,….closest, beginning and ending parentheses. Inside of the parentheses, two…tick marks for string literal, .faq. Outside of the parentheses .find,…beginning and ending parentheses.…
Inside of the parentheses two tick marks for a string literal, .letter_a,…outside of the parentheses .fadeOut, beginning and ending parentheses,…semicolon. Inside of the parentheses 500 milliseconds.…Next line, dollar sign, parentheses, this. Outside of the parentheses…
- Creating project folders
- Adding in sample question and answer content
- Creating CSS rules for graphics
- Animating the graphic states