JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div id="sidebar">
    <h3>Posts</h3>
        <p><span class="q1">October</span></p>
        <p><span class="q2">November</span></p>
        <p><span class="q3">December</span></p>
  </div>

  <div id="center">
    <h1> Main Page of post content</h1>
    <p><div id="q1" style="display:none;">October is...testtext testtext testtext</div></p>
<p><div id="q2" style="display:none;">November is...testtext testtext testtext</div></p>
<p><div id="q3" style="display:none;">December is...testtext testtext testtext</div></p>
 </div>
 <br class="clearfloat" />
</div>

JavaScript

$("#sidebar span").click(function() {
        $('#' + $(this).attr("class")).toggle();
    });