Tabs shortcode - WordPress


Staff member
<div id="tab-side-container">
  <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>
 <div class="panel-container">
  <div id="side-tab1">
   <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 id="side-tab2">
   <h2>Heading 2</h2>
   <p>Stuff from the second tab.</p>
  <div id="side-tab3">
   <h2>Heading 3</h2>
   <p>More stuff from the last tab.</p>

<a href="" rel="nofollow"></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.