Tabs

TAB 1 stuff goes here

testing 123. Blah blah blah.

Here is another sentence.

 

Tabs are one way to chunk content on a page.

To format tabs, you have to click the HTML Editor and then copy and paste this code:

<div class="enhanceable_content tabs">
  <ul>
    <li><a href="#tabs-1">TAB 1</a></li>
    <li><a href="#tabs-2">TAB 2</a></li>
    <li><a href="#tabs-3">TAB 3</a></li>
  </ul>
  <div id="tabs-1">
    <h2>TAB 1 stuff goes here</h2>
    <p>testing 123.  Blah blah blah.</p>
    <p>Here is another sentence. </p>
    <p> &nbsp; </p>
  </div>
  <div id="tabs-2">
    <h2>TAB 2 stuff goes here</h2>
    <p>testing 123. Blah blah blah.</p>
    <p>Here is another sentence. </p>
    <p> &nbsp; </p>
  </div>
  <div id="tabs-3">
    <h2>TAB 3 stuff goes here</h2>
    <p>testing 123. Blah blah blah.</p>
    <p>Here is another sentence. </p>
    <p> &nbsp; </p>
  </div>
</div>

 

Add more tabs by copying and pasting the link line code and the tab div code.  Once you have it set up, you can go back to the Rich Content Editor view and edit the text there.  You won't actually see the tabs in the edit view, but they'll show up after you Save. 

 

Here's an example of how tabs look on the page:

TAB 1 CONTENT

testing 123. Blah blah blah.