title: Make Headers clickable and display specific paragraphs when selected
body: <p>I am trying to setup a horizontal bar with 3 clickable titles. Before being clicked they are one color but when selected I'm trying to get that section to change color and display a specific paragraph below the bar.</p>
  
  <p>Here is a jfiddle of what I currently have..</p>
  
  <pre><code>&lt;div class="storytelling_tabs" style="width:100%; background:#44c5e1; text-align:center;"&gt;
  &lt;h5 style="padding:3% 3% 3% 0px; display:inline-block;"&gt;Section&lt;br&gt;One&lt;/h5&gt;
  &lt;h5 style="padding:3% 4%; display:inline-block; border-left:10px solid; border-right:10px solid;"&gt;Section&lt;br&gt; Two&lt;/h5&gt;
  &lt;h5 style="padding:3% 0px 3% 3%; display:inline-block;"&gt;Section&lt;br&gt; Three&lt;/h5&gt;
  </code></pre>
  
  <p>
      <a href="http://jsfiddle.net/9g9ybepy/1/" rel="nofollow">http://jsfiddle.net/9g9ybepy/1/</a></p>
  
  <p>From what I have tried to gather online I might need to use a function of clickable(), but I'm not sure.</p>
  
  <p>Hopefully there is a way to do this, thanks in advance.</p>