Theming

Demo | Playground | Home | Setup | Methods | Callbacks | Theming | Change

---

From the basic HTML, classes are added to the Kwick panel as follows:

<ul id="kwicks" class="kwicks horizontal">
  <li class="kwick-panel kwick1 active"></li>
  <li class="kwick-panel kwick2"></li>
  <li class="kwick-panel kwick3"></li>
  <li class="kwick-panel kwick4"></li>
</ul>

as of Kwicks version 2.1, any HTML elements can be used:

<div id="kwicks" class="kwicks horizontal">
  <div class="kwick-panel kwick1 active"></div>
  <div class="kwick-panel kwick2"></div>
  <div class="kwick-panel kwick3"></div>
  <div class="kwick-panel kwick4"></div>
</div>

• The "horizontal" class will be replaced with "vertical" if isVertical is set to true in the options.
• The "active" class is only applied to expanded panels. The class name can be changed in the options using activeClass.