title: Toggle two divs with two different buttons (one active)
body: <p>Keep in mind i have searched and there is like over 400 search results for toggling divs, but none that explain what i need. And my jquery is really poor, i am really struggling to make use of some of the already answered toggle questions to do what i want.</p>
  
  <p>I have two buttons, "button a" and "button b", button "a" starts with .active class. I also have two divs below that in a separate wrapper that need to be toggled. So button "a" by default is active and below it div "a" is active. when you click button "b" then button "a" is no longer active and button "b" is now active aswell as div "b" below it.</p>
  
  <p>Here is my current html:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="flr-wrap"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a class="a"&gt;a button&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="b"&gt;b button&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="flr-inner"&gt;
      &lt;div class="a div"&gt;
        &lt;img src="&lt;?php echo get_bloginfo('template_url') ?&gt;/img/floorplan/base.png" alt="" title="" /&gt;   
      &lt;/div&gt;
      &lt;div class="b div"&gt;
        &lt;img src="&lt;?php echo get_bloginfo('template_url') ?&gt;/img/floorplan/base.png" alt="" title="" /&gt;   
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>