<p dir="auto">I explain.</p>
<p dir="auto">When we open an "accordion-group", his "accordion-toggle" receives a "collapsed" class. And this class will be removed when we close this same "accordion-group".</p>
<p dir="auto">But now, if we have an "accordion-group" opened and we want to open another, "collapsed" class was not appended to previous "a.accordion-toggle".</p>
<p dir="auto">P.S. : Sorry for my english (i'm french).</p>
<p dir="auto">This line:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="$this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed')"><pre class="notranslate"><span class="pl-s1">$this</span><span class="pl-kos">[</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s1">target</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">hasClass</span><span class="pl-kos">(</span><span class="pl-s">'in'</span><span class="pl-kos">)</span> ? <span class="pl-s">'addClass'</span> : <span class="pl-s">'removeClass'</span><span class="pl-kos">]</span><span class="pl-kos">(</span><span class="pl-s">'collapsed'</span><span class="pl-kos">)</span></pre></div>
<p dir="auto">Only works to remove or add the collapsed class on the element clicked. It does not updated the element that was previously expanded/clicked. So the class usage becomes inconsistent quickly and stops me easily styling stuff.</p>
<p dir="auto">Note diff b/w accordion-heading and accordion-body.</p>