Join Chris Converse for an in-depth discussion in this video Adding in sample content, part of Creating an Expandable FAQ Listing with jQuery.
Now I've already prepared some content, we can use inside of our project.…So let's come up to File menu, choose Open File.…From the Desktop we want to come into our Exercise Files.…Let's open the snippets.html file.…Once this opens, let's choose Edit > Select All…and then Edit > Copy to put all of this content on the clipboard.…Let's switch back to faq.html.…So what we're going to do in here is select the div with the class of faq and all of…the divs inside, delete that, and then paste all of this content into there instead.…
So now you'll notice in the content, we just pasted, I have the same exact…div structure and outermost faq container and then an faq question and answer container…and then another faq answer inside of the answer container.…With all of that content in place, let's choose File > Save…and let's come back to our browser and hit Reload.…Now we should see all of that content showing up inside of the browser.…I can click on any one of the questions and see the corresponding answer open up as well.…
- Creating project folders
- Downloading and setting up the Aptana Studio working environment
- Adding in sample question and answer content
- Creating CSS rules for graphics
- Animating the graphic states