Code:
<div id="tab-side-container">
<ul>
<li><a href="#side-tab1">Tab 1</a></li>
<li><a href="#side-tab2">The Second Tab</a></li>
<li><a href="#side-tab3">Tab C</a></li>
</ul>
<div class="panel-container">
<div id="side-tab1">
<h2>Configurations</h2>
<p>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.</p>
</div>
<div id="side-tab2">
<h2>Heading 2</h2>
<p>Stuff from the second tab.</p>
</div>
<div id="side-tab3">
<h2>Heading 3</h2>
<p>More stuff from the last tab.</p>
</div>
</div>
</div><a href="http://codex.wordpress.org/Shortcode_API" rel="nofollow">http://codex.wordpress.org/Shortcode_API</a>
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.