title: How do I construct the click event (involves jQuery selectors)
body: <p>I programmatically build a three-level set of DIVs.</p>
  
  <p>Category A<br>
      (Title1)<br>
          (Content)<br>
      (Title2)<br>
          (Content)<br>
  Category B<br>
  Category C<br></p>
  
  <p>By default, I set levels 2 and below (titles and content) to display:none.
  With this code, I show all titles belonging to the category clicked:</p>
  
  <pre><code>    $("#catA").on("click", function() {
          $("#catA .itemTitle").css("display", "block");
      });
      ...
  </code></pre>
  
  <p>Now what I want to do is to show the content just for the title clicked. That seems to have exceeded my knowledge of selectors! Any ideas?</p>