Accordion Panel Magic 2 in your sidebar

This exercise requires that you have Accordion Panel Magic 2 installed.

To insert an Accordion Panel Magic 2 widget in your sidebar, you first need to establish a proper insertion point.

On your Tag Selector bar, which runs along the bottom of your Dremaweaver window (just above the Property Inspector), click the tag <div.sidebar> and press your left arrow key once to position the insertion point above the content area of your sidebar.

Open the Accordion Panel Magic 2 interface

Set your style theme to Basic

Edit your style sheet to make the Accordion colors compliment your Salt and Pepper layout.

Here is a copy of the APM2 style sheet rule changes for this exercise:

.p7APM01 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
padding: 0 0 1px 0;
border: 0;
margin: 0 auto;
width: auto;
}
.p7APM01 .p7APMtrig {
margin: 0;
padding: 1px 0;
}
.p7APM01 .p7APMpanelcontent {
padding: 20px;
line-height: 1.5em;
}