title: Remove a toggle class when clicking another toggle link
body: <p>I am making a tumblr theme and have managed to have 3 toggle links. They are working fine but I was wondering if it were possible to make it so the if the first toggle link is open, and i click on a second toggle link, the first one will close, instead of just stacking up?</p>
  
  <p>Relevant code:</p>
  
  <p>Script:</p>
  
  <pre><code>$(document).ready(function(){
      $(".changer").click(function(){
          $(".slidey").toggleClass("change_it");
      });
      $(".changer2").click(function(){
          $(".slidey2").toggleClass("change_it");
      });
      $(".changer3").click(function(){
          $(".slidey3").toggleClass("change_it");
      });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" class="changer"&gt;&lt;i class="fa fa-envelope fa-fw"&gt;&lt;/i&gt; Mail&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" class="changer2"&gt;&lt;i class="fa fa-link fa-fw"&gt;&lt;/i&gt; Links&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" class="changer3"&gt;&lt;i class="fa fa-th fa-fw"&gt;&lt;/i&gt; Blogroll&lt;/a&gt;&lt;/li&gt;
  
  
     &lt;div class="slidey"&gt;
         Yo yo
     &lt;/div&gt;
     &lt;div class="slidey2"&gt;
         linkies
     &lt;/div&gt;
     &lt;div class="slidey3"&gt;
         blogroll
     &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://chloe784.tumblr.com" rel="nofollow">here is the page</a></p>
  
  <p>It should also be noted that I am not very good with js/ jquery</p>