title: Select all but this element
body: <p>I have a few accordions setup and I'd like only one to be open throughout the whole page. I thought that the .not() method would achieve what I wanted however it is just immediately closing the current div.</p>
  
  <p>Here is what I have if anyone can spot where I've gone wrong:</p>
  
  <p>JS</p>
  
  <pre><code>$( document ).ajaxComplete(function() {
  $('.accordion-toggle').click(function(){
  
    //Expand or collapse this panel
    $(this).next().stop().slideToggle('1000');
    $(this).toggleClass('active').siblings().removeClass('active');
  
    //Hide the other panels
    $('.accordion-content').not(this).slideUp('1000');
  
  });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="location1"&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  
  &lt;div id="location2"&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;h3 class="accordion-toggle"&gt;Opening times &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/h3&gt;
  &lt;div class="accordion-content"&gt;
  &lt;p&gt;List of products available here!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.accordion-content {
    display: none;
    padding:20px 0;
    border-bottom: 1px solid #d4d5d7;
  }
  
  .accordion-content.default {display: block;}
  
  .accordion-toggle {
    cursor: pointer;
    font-size:18px;
    padding:10px 0;
    margin:0;
    border-bottom:1px solid #d4d5d7;
    position:relative;
  }
  </code></pre>