Accordion table only displays one row when clicked (bootstrap)
<p>I made a table/accordion thing that has hidden rows that are only visible when you click the "header" row. Unfortunately, the table only displays a ONE row for each header you click.</p>

<p><a href="http://jsfiddle.net/3y7118ek/6/" rel="nofollow">jsfiddle</a></p>

<p>As you can see in the code, each header row (ex: "9 / Parts Inspection") has two sub rows that are hidden (ex: "9.1" and "9.2"). When you click, only the first one (9.1) appears, leaving the others (9.2 and any others I add) hidden when they are supposed to be shown.</p>

<p>I'm assuming it's a problem with the class/id names getting confused, but no matter what different names I give things, it still doesn't work. </p>

<pre><code>&lt;table id="tbl-sample-values" class="table table-condensed table-bordered table-hover" style="font-size:85%;"&gt;
    &lt;thead&gt;
        &lt;tr class="tabletop"&gt;
            &lt;th&gt;Step #&lt;/th&gt;
            &lt;th&gt;Processing Step&lt;/th&gt;
            &lt;th&gt;Barcode&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;

    &lt;tbody&gt;

        &lt;tr data-toggle="collapse" data-target="#accordion" class="clickable row-header"&gt;
            &lt;td&gt;9&lt;/td&gt;
            &lt;td colspan="2"&gt;Parts Inspection&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr id="accordion" class="collapse"&gt;
            &lt;td&gt;9.1&lt;/td&gt;
            &lt;td&gt;Handle silicon electrodes...&lt;/td&gt;
            &lt;td&gt;[Barcode here]&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr id="accordion" class="collapse"&gt;
            &lt;td&gt;9.2&lt;/td&gt;
            &lt;td&gt;Verify part number...&lt;/td&gt;
            &lt;td&gt;[Barcode here]&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr data-toggle="collapse" data-target="#accordion2" class="clickable row-header"&gt;
            &lt;td&gt;10&lt;/td&gt;
            &lt;td colspan="2"&gt;IPA Clean&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr id="accordion2" class="collapse"&gt;
            &lt;td&gt;10.1&lt;/td&gt;
            &lt;td&gt;Place part with frontside facing up...&lt;/td&gt;
            &lt;td&gt;[Barcode here]&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr id="accordion2" class="collapse"&gt;
            &lt;td&gt;10.2&lt;/td&gt;
            &lt;td&gt;Wipe the part using cleanroom wiper...&lt;/td&gt;
            &lt;td&gt;[Barcode here]&lt;/td&gt;
        &lt;/tr&gt;

    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>