<p dir="auto">The collapse js plugin should be made more flexible by not requiring a wrapping .panel for data-parent to work. The "show only one at a time" functionality is useful outside of accordions and without panel-like styling.</p>
<p dir="auto">Fixing this is as easy as changing the selector in <a href="https://github.com/twbs/bootstrap/blob/v3.0.2/js/collapse.js#L51">https://github.com/twbs/bootstrap/blob/v3.0.2/js/collapse.js#L51</a> to something purely semantic that doesn't come with styles -- try <code class="notranslate">&gt; .collapse-group &gt; .in</code> for example.</p>
<p dir="auto">Also note that the docs do not explicitly mention what the DOM should be for data-parent to work.</p>
<p dir="auto">See also discussion in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="18403346" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/10023" data-hovercard-type="pull_request" data-hovercard-url="/twbs/bootstrap/pull/10023/hovercard" href="https://github.com/twbs/bootstrap/pull/10023">#10023</a>.</p>
<p dir="auto">Hi, i found this pull request: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="13284254" data-permission-text="Title is private" data-url="https://github.com/twbs/bootstrap/issues/7600" data-hovercard-type="pull_request" data-hovercard-url="/twbs/bootstrap/pull/7600/hovercard" href="https://github.com/twbs/bootstrap/pull/7600">#7600</a></p>
<p dir="auto">In the latest version i see that the <code class="notranslate">parent</code> option is now dependent on the <code class="notranslate">.panel</code> class, i.e.:</p>
<p dir="auto"><code class="notranslate">var actives = this.$parent &amp;&amp; this.$parent.find('&gt; .panel &gt; .in')</code></p>
<p dir="auto">Why don't you just leave it like it was (<code class="notranslate">.collapse.in</code>) or better yet, just:</p>
<p dir="auto"><code class="notranslate">var actives = this.$parent &amp;&amp; this.$parent.find('.in')</code></p>
<p dir="auto">Or, i get it if the parent must have a class, to avoid conflicts with other libraries, but can you please explain what's up with depending on dom structure? (the double &gt; in the selector really don't look good to me)</p>
<p dir="auto">Oh and, the docs are way behind on this one. There's an <code class="notranslate">.accordion-group</code> class mentioned, but not saying how it should be used, and the example doesn't have one at all (yet it works, probably on an old bootstrap version).</p>
<p dir="auto">So basically, please decide on a structure and update the docs &amp; examples accordingly. If you want i could help you with some of the workload, as you see fit.</p>
<p dir="auto">Thank you.</p>