title: jQuery make li active show div content
body: <p>I have a ul nav. I need to show div content when the "Resources" li is clicked and make "Resources" li active. Then when the div content is clicked to close, hide div content and make li not active. I'm not sure how to go about doing this so any insight would help.</p>
  
  <p>Click this li item, make active:</p>
  
  <pre><code>&lt;li&gt;&lt;a href=""&gt;Resources&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Show this div content</p>
  
  <pre><code>&lt;div id="pdftab"&gt;Some content&lt;/div&gt;
  </code></pre>
  
  <p>Thanks so much</p>