title: click blank area go back to selected section
body: <pre><code>&lt;li class="list "&gt;&lt;a href="javascript:"&gt;A&lt;/a&gt;
  
      &lt;ul class="names"&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;2&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class="list "&gt;&lt;a href="javascript:"&gt;B&lt;/a&gt;
  
      &lt;ul class="names selected"&gt;
          &lt;li class="list selected"&gt;&lt;a href="javascript:"&gt;1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;3&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;4&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class="list "&gt;&lt;a href="javascript:"&gt;C&lt;/a&gt;
  
      &lt;ul class="names"&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;3&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="list"&gt;&lt;a href="javascript:"&gt;4&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  
      $('.list').click(function () {
          var that = this;
          $('.list').each(function () {
              if (that == this) return true; //continue
              $('.names:not(:hidden)', this).slideToggle();
          });
          $('ul.names', this).slideToggle();
      })
  ul.names{display: none;}
  li.list{
      width:150px;
         background:#A9FF7A;
  }
  ul.names {
      width:150px;
      background:#A9FF7A;
  }
  ul.selected{
      display: block;
  }
  li.selected{
      background:red;
  }
  </code></pre>
  
  <p>online Sample: <a href="http://jsfiddle.net/gyYyd/" rel="nofollow">http://jsfiddle.net/gyYyd/</a></p>
  
  <p><strong>B</strong>'s submenu <strong>1</strong> is highlighted. If I click on menu A or C, then A or C section will be opened, but how do I click PAGE BLANK area (outside of the background color) to go back to B section (to open B section) </p>
  
  <p>Thanks in advance</p>