title: I want to hide each div with the same class name as the id on click
body: <p>I'm having an issue writing this jQuery code.</p>
  
  <p>What I want is to be able to click the <code>option-menu</code> anchor tag and show the <code>div</code> with the class name of the same <code>id</code> so when I click <code>option1</code> I'll be able to see all the divs that have the class of <code>option1</code></p>
  
  <p>Menu </p>
  
  <pre><code>  &lt;ul class="inline option-menu"&gt;
                  &lt;li&gt;&lt;a href="#" id="option1"&gt;option1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" id="option2"&gt;option2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" id="option3"&gt;option3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
  
            &lt;div class="cover option1"&gt;
                      &lt;p&gt;test 1&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option3"&gt;
                      &lt;p&gt;test 2&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option2"&gt;
                      &lt;p&gt;test 3&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option1"&gt;
                      &lt;p&gt;Tester 4&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option2"&gt;
                      &lt;p&gt;test 5&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option1"&gt;
                      &lt;p&gt;test 6&lt;/p&gt;
              &lt;/div&gt;
     &lt;div class="cover option3"&gt;
                      &lt;p&gt;test 7&lt;/p&gt;
  </code></pre>