Side Content Summary
The jQuery Side Content project is a plugin that docks content to the side of the browser window with "pull out" handles to open and close the panels.
You can add multiple side-content tabs to the side of your page and the plugin will automatically toggle them when the visitor clicks on the "pull out".
Side Content
This is the side content that you want to de-clutter from your page.
You can apply whatever CSS rules you like to this element, only the position and behaviour will be changed by the plugin.
There are plenty of configurable settings if you want to change the default behaviour!
More Content
This is a different panel
This is the side content that you want to de-clutter from your page.
You can apply whatever CSS rules you like to this element, only the position and behaviour will be changed by the plugin.
There are plenty of configurable settings if you want to change the default behaviour!
Another One
This is a different panel
Options
- classmodifier
- Used to apply class names to the elements created by the plugin. You only need to specify a class modifier if you have a name-clash.
- attachto
- You can opt to dock the side content panels on the "leftside" or "rightside" of the browser.
- width
- The width of the panel when it is activated, for example "300px" or "33%".
- opacity
- Set this to a value less than "1" to make the footer semi-transparent, for example "0.8".
- pulloutpadding
- use this option to set a gap between the pullout tabs, for example "5" for 5 pixel spacing (note, any padding you apply will eat into this number, so you might need to increase it if you don't see a gap)
- textdirection
- The direction of text on the pullout, "horizontal" or "vertical".
- clickawayclose
- Whether to close the tabs when the user clicks away from the tabs.