Web Development with jQuery®

(Elliott) #1

(^378) ❘ CHAPTER 15 ACCORDION


FIGURE 15-2


You can also set the option active to false, which makes no content open by default. If you set the
active option to false, you must also set the collapsible option to true. This is demonstrated in the
following script:

$(document).ready(
function()
{
$('ul').accordion({
collapsible : true,
active : false
});
}
);

The preceding script gives you the result of having no pane open by default. This example is avail-
able in the source materials as Example 15-3.

When you have no default pane selected by default, when you open a panel, you may notice that the
content of each pane overlaps the rest of the accordion, as shown in Figure 15-3.

FIGURE 15-3


http://www.it-ebooks.info

Free download pdf