bootstrap collapse show class, breaks showing the gauge in next card when dynamic.

[tonyv69]

this line of code is needed to show or not show a collapsed section in bootstrap

<div id="collapseID" class="collapse show"... //shows section
or
<div id="collapseID" class="collapse"... //hides section

if I try this to make it dynamic its works for the collapse sections but breaks the gage and it does not show

{!! $loop->first ? 'show': ' ' !!} //if first in loop add 'show' else empty string ' '.

if I remove this code the gage shows, however, all collapse sections are now open instead of first one open all the rest closed. hope this makes sense and you can help thanks.