jQuery Tabs Instructions

  1. Confirm that the site has both jQuery (min 1.6+) and jQueryUI (any version)
  2. Place the following between the <head> and </head> tags. <link rel="stylesheet" href="" />
    <script type="text/javascript">
      $(function() {
  3. Add your HTML to create the tabs, wrap the HTML in a <div> that has an id or class matching the selector above. <div id="tabs">
        <li><a href="#tabs-1"></a></li>
        <li><a href="#tabs-2"></a></li>
        <li><a href="#tabs-3"></a></li>
      <div id="tabs-1">CONTENT GOES HERE</div>
      <div id="tabs-2">CONTENT GOES HERE</div>
      <div id="tabs-3">CONTENT GOES HERE</div>


This is the most common setup, but you have some additional options available

  • open on mouse-over
  • tabs at bottom
  • vertically aligned tabs, rather than horizontal

View more on

Cal. Civ. Code ยง 1798.102 - Do Not Sell My Personal Information