title: How to toggle specific divs with jquery
body: <p>Okay so I have a very limited amount of knowledge with this and I can not find my answer anywhere. What I am trying to do is create multiple buttons that toggle information. So when the first toggle is clicked div 1 is toggled, when i click the second toggle div two opens and preferably div 1 closes. My code is very basic I am very new to this. Right now no matter what values I input into the toggle area both divs close. Thank you and I hope this makes sense. </p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("button").click(function(){
      $("div.house").toggle();
  
    });
  });
  &lt;/script&gt;
  
  &lt;button&gt;Toggle&lt;/button&gt;
  &lt;div class="house"&gt;
  &lt;p&gt;SAMPLE TEXT ETC...&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;button&gt;Toggle&lt;/button&gt;
  &lt;div class="tumble-by"&gt;
  &lt;p&gt;SAMPLE TEXT ETC...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>