title: Tabs shortcode - WordPress
body: <pre><code>&lt;div id="tab-side-container"&gt;
   &lt;ul&gt;
    &lt;li&gt;&lt;a href="#side-tab1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#side-tab2"&gt;The Second Tab&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#side-tab3"&gt;Tab C&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
   &lt;div class="panel-container"&gt;
    &lt;div id="side-tab1"&gt;
     &lt;h2&gt;Configurations&lt;/h2&gt;
     &lt;p&gt;This example has the animation disabled, so tab-switching is instantaneous. It also sets the active class names to custom names for more control over CSS stylization.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="side-tab2"&gt;
     &lt;h2&gt;Heading 2&lt;/h2&gt;
     &lt;p&gt;Stuff from the second tab.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="side-tab3"&gt;
     &lt;h2&gt;Heading 3&lt;/h2&gt;
     &lt;p&gt;More stuff from the last tab.&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://codex.wordpress.org/Shortcode_API" rel="nofollow">http://codex.wordpress.org/Shortcode_API</a></p>
  
  <p>I'm trying to set a shortcode for tabs in WordPress without JavaScript, but PHP is not my strong point. I really need help with this.</p>