title: Jquery Slidetoggle open 1 div and close another
body: <p>I'm trying to close one div when clicking on another div . Currently, it opens multiple divs at one time.</p>
  
  <p>JQUERY:</p>
  
  <pre><code>$(document).ready(function() {
  
      $(".dropdown dt a").click(function() {
          var dropID = $(this).closest("dl").attr("id");
          $("#"+dropID+" dd ul").slideToggle(200);
          return false; 
      });
  
      $(".dropdown dd ul li a").click(function() {
          var dropID = $(this).closest("dl").attr("id");
          var text = $(this).html();
          var selVal = $(this).find(".dropdown_value").html();
          $("#"+dropID+" dt a").html(text);
          $("#"+dropID+" dd ul").hide();
          return false; 
      });
  
      $("dl[class!=dropdown]").click(function() {
          $(".dropdown dd ul").hide();
          return false; 
      });
  
  
      $("id!=quotetoolContainer").click(function() {
          $(".dropdown dd ul").hide();
          return false; 
      }); 
  
      $('body').click(function() {
          $(".dropdown dd ul").hide();
          return false; 
      }); 
  
      $('.productSelection').children().hover(function() {
          $(this).siblings().stop().fadeTo(200,0.5);
      }, function() {
          $(this).siblings().stop().fadeTo(200,1);
      });
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="quotetoolContainer"&gt;
    &lt;div class="top"&gt;&lt;/div&gt;
    &lt;div id="quotetool"&gt;
      &lt;h2&gt;Instant Price Calculator&lt;/h2&gt;
      &lt;p&gt;Document Type&lt;/p&gt;
      &lt;dl id="docType" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;&lt;span&gt;Select a Document Type&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#" id="1"&gt;Datasheets&lt;span class="value"&gt;Datasheets&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Manuals&lt;span class="value"&gt;Manuals&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Brochures&lt;span class="value"&gt;Brochures&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Newsletters&lt;span class="value"&gt;Newsletters&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Booklets&lt;span class="value"&gt;Booklets&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Flat Size&lt;/p&gt;
      &lt;dl id="flatSize" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;8.5" x 11"&lt;span class="value"&gt;8.5" x 11"&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;8.5" x 11"&lt;span class="value"&gt;8.5" x 11"&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;11" x 17"&lt;span class="value"&gt;11" x 17"&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Full Color or Black &amp;amp; White?&lt;/p&gt;
      &lt;dl id="color" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;Full Color&lt;span class="value"&gt;Full Color&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Full Color&lt;span class="value"&gt;Full Color&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Black &amp;amp; White&lt;span class="value"&gt;Black &amp;amp; White&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Paper&lt;/p&gt;
      &lt;dl id="paper" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;Value White Paper (20 lb.)&lt;span class="value"&gt;Value White Paper (20 lb.)&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Value White Paper (20 lb.)&lt;span class="value"&gt;Value White Paper (20 lb.)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Premium White Paper (28 lb.)&lt;span class="value"&gt;Premium White Paper (28 lb.)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Glossy White Text (80 lb.) - Recycled&lt;span class="value"&gt;Glossy White Text (80 lb.) - Recycled&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Glossy White Cover (80 lb.) - Recycled&lt;span class="value"&gt;Glossy White Cover (80 lb.) - Recycled&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Folding&lt;/p&gt;
      &lt;dl id="folding" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;Fold in Half&lt;span class="value"&gt;Fold in Half&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fold in Half&lt;span class="value"&gt;Fold in Half&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Tri-Fold&lt;span class="value"&gt;Tri-Fold&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Z-Fold&lt;span class="value"&gt;Z-Fold&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Double-Parallel Fold&lt;span class="value"&gt;Double-Parallel Fold&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Three-Hole Drill&lt;/p&gt;
      &lt;dl id="drill" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;No&lt;span class="value"&gt;No&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;No&lt;span class="value"&gt;No&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Yes&lt;span class="value"&gt;Yes&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;p&gt;Qty&lt;/p&gt;
      &lt;dl id="quantity" class="dropdown"&gt;
        &lt;dt&gt;&lt;a href="#"&gt;50&lt;span class="value"&gt;50&lt;/span&gt;&lt;/a&gt;&lt;/dt&gt;
        &lt;dd&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;50&lt;span class="value"&gt;50&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;100&lt;span class="value"&gt;100&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;150&lt;span class="value"&gt;150&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;200&lt;span class="value"&gt;200&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;250&lt;span class="value"&gt;250&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;500&lt;span class="value"&gt;500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;750&lt;span class="value"&gt;750&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;1,000&lt;span class="value"&gt;1,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;1,500&lt;span class="value"&gt;1,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;2,000&lt;span class="value"&gt;2,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;2,500&lt;span class="value"&gt;2,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;3,000&lt;span class="value"&gt;3,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;3,500&lt;span class="value"&gt;3,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;4,000&lt;span class="value"&gt;4,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;4,500&lt;span class="value"&gt;4,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;5,000&lt;span class="value"&gt;5,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;5,500&lt;span class="value"&gt;5,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;6,000&lt;span class="value"&gt;6,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;6,500&lt;span class="value"&gt;6,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;7,000&lt;span class="value"&gt;7,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;7,500&lt;span class="value"&gt;7,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;8,000&lt;span class="value"&gt;8,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;8,500&lt;span class="value"&gt;8,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;9,000&lt;span class="value"&gt;9,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;9,500&lt;span class="value"&gt;9,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;10,000&lt;span class="value"&gt;10,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;12,500&lt;span class="value"&gt;12,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;15,000&lt;span class="value"&gt;15,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;17,500&lt;span class="value"&gt;17,500&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;20,000&lt;span class="value"&gt;20,000&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/dd&gt;
      &lt;/dl&gt;
      &lt;div id="priceTotal"&gt;
        &lt;div class="priceText"&gt;Your Price:&lt;/div&gt;
        &lt;div class="price"&gt;$29.00&lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="buttonQuoteStart"&gt;&lt;a href="#" title="Start Printing"&gt;Start Printing&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="bottom"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>