title: JQuery UI Nested Accordion - clicking on child accordion closes the parent
body: <p>I'm implementing a nested accordion, but when I click on a child component within the parent accordion, it closes the parent. I'd like it to remain open when a child is clicked.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="accordion"&gt;
      &lt;h3&gt;Home&lt;/h3&gt;
      &lt;div id="accordion"&gt;
          &lt;h3&gt;Sub-Div1&lt;/h3&gt;
          &lt;div&gt;
              &lt;p&gt;This is a sub-div&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script&gt;
      $("#accordion").accordion({
          header: "&gt; h3:not(.item)",
          heightStyle: "content",
          active: false,
          collapsible: true
      });
  &lt;/script&gt;
  </code></pre>