MaterializeCSS可与IMAGE一起折叠

Question

我正在使用MaterializeCSS，我希望在可折叠元素的"可折叠主体"内部添加和镜像。。。但它没有出现。有可能做我正在尝试的事情吗？也许使用CSS或JS？

这是我的代码：

<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>

当然还有JS来初始化可折叠的：

$(document).ready(function(){
$('.collapsible').collapsible();
});

Answer 1

图像使用SRC属性，而不是HREF：

<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 src="https://materializecss.com/images/yuna.jpg"><!-- Example image -->
</div>
</li>
</ul>