How can I display HTML code from the database without affecting the functionality of the Collapse feature? The Collapse feature works fine when I don't decode the HTML, but it stops working when I decode it. Why is this happening?
<!-- START TAB 1 -->
@foreach($faqCategories as $count =>$faqCategory)
<div @if ($count == 0)class="tab-pane active"@else class="tab-pane" @endif id="tab_{{$faqCategory->id}}">
<div class="panel-group" id="accordion{{$faqCategory->id}}">
@php
$sl = 1;
@endphp
@foreach($faqsubcat as $fade => $faqsub)
@if( $faqCategory->id == $faqsub->faq_category_id)
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="#accordion{{$faqCategory->id}}_{{$faqsub->id}}" data-parent="#accordion{{$faqCategory->id}}" data-toggle="collapse" class="accordion-toggle">
<b> {{ $sl++ }}. {{$faqsub->title}}</b>
</a>
</h4>
</div>
<div @if ($fade == 0)class="panel-collapse collapse in"@else class="panel-collapse collapse" @endif id="accordion{{$faqCategory->id}}_{{$faqsub->id}}">
<div class="panel-body">
{!! $faqsub->description !!}
</div>
</div>
</div>
@endif
@endforeach
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>