title: how to keep a ul open while other ul's toggle
body: <p>I have a ul that I want to stay open while other ul's are able to toggle. When the page loads, the html looks like this: <a href="https://jsfiddle.net/q9munmab/" rel="nofollow">https://jsfiddle.net/q9munmab/</a> </p>
  
  <pre><code>&lt;div class="leftNav"&gt;
     &lt;ul&gt;
         &lt;li&gt;
             &lt;div class="active"&gt;Test&lt;/div&gt;
             &lt;ul class="navtoggle nonactive"&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a class="current"&gt;&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
             &lt;div&gt;Test 1&lt;/div&gt;
             &lt;ul class="navtoggle nonactive"&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
             &lt;div&gt;Test 2&lt;/div&gt;
             &lt;ul class="navtoggle nonactive"&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
         &lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Class "active" varies depending on which of the 3 links you click on, while class "current" is the page you are actually on. I've tried multiple variations of toggles but can't seem to figure out how to keep which ever ( div class "active" along with the ul toggled solid ) while you can toggle between the other two. Then when you click on the li a, the page will load again and start over.</p>
  
  <pre><code> $('.navContainer li div').click(function () {
     var $t = $(this);
     var $next = $t.next('.navtoggle');
     var $back = $('.current:visible').closest('ul').prev();
     $(this).not('.leftNav li div.active').toggleClass('nonactive');
     $('.navtoggle').not($back).slideToggle();
   });
  </code></pre>