Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
So now we'll add HTML containers for the individual tabs. So let's get our cursor inside of the div with the class of tabs. Let's tab in, and we can put HTML elements inside of here that we'll use as our individual tabs that our users can click on. Now you can use any HTML element here that you want. Sometimes people like to put unordered lists inside of here or use straight anchor tags. Instead, I'm going to choose to use a span tag. We'll type "iPad," then we'll end this span element. Let's hit a teturn. Write another span. This one is going to be for Video and the element.
Let's add one more. This one will be Photography, and end that element. Now that we have the HTML elements that we're going to use as tabs, in the next movie we can start working on the panels inside of the panel container div.
There are currently no FAQs about Create a Sliding Tabbed Panel 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.