I am currently working with MaterializeCSS and I have a question about adding an image within the "collapsible-body" section of a Collapsible element. I've tried to add it but unfortunately, it doesn't seem to display. Is there a way to achieve this using CSS or JavaScript?
Below is the code I am working with:
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body">
<p>Lorem ipsum dolor sit amet.</p>
<img href="https://materializecss.com/images/yuna.jpg"><!-- Example image -->
</div>
</li>
</ul>
In addition, here is the JavaScript code to initialize the collapsible:
$(document).ready(function(){
$('.collapsible').collapsible();
});