Create HTML Containers for Sliding Tabbed Panels


show more Creating the HTML containers for the panels provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver show less
please wait ...

Creating the HTML containers for the panels

Now, for the panel containers, let's come up here and split the div open a little bit that's got the class of panel container. Let's tab in, and let's add another div inside of here. We're going to give this a class of panels, plural. We're going to end that element. Let's split that open. And inside of here we're going to put each individual panel. We'll start with another div inside of the class of panels. We're going to give this a class of panel, singular.

Let's end that div tag. Let's open up one individual panel, and then inside of here we're going to put one more div. We're going to give this a class of panel_content and end that div. So now this constitutes one panel. Let's copy this to the clipboard, let's hit a return, and let's paste it two more times. So now inside of our panel container we have one div called panels and then inside of there we have three individual divs, each one classed with pan...

Creating the HTML containers for the panels
Video duration: 1m 27s 1h 6m Intermediate

Viewers:

Creating the HTML containers for the panels provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...