Adding Auxiliary Content to Panels

<div data-role="panel" id="config"     data-position="right" data-display="reveal">   <div data-role="header" data-theme="a">     <h3>Panel</h3></div>   <h3>Settings</h3>   <label for="Option1">Option 1</label>   <input type="checkbox" id="Option1"></input>   <label for="Option2">Option 2</label>   <input type="checkbox" id="Option2"></input>   <a data-role="button" data-icon="delete"     data-rel="close" data>Close Config</a> </div>

A useful way to present data that is not necessarily part of the page but is relevant is panels. A panel is similar to the page but sits off to the left or right side. When opened, the panel reveals the additional information.

Panels are defined ...

Get jQuery and JavaScript Phrasebook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.