title: MaterializeCSS collapsible with IMAGE
body: <p>I'm using MaterializeCSS and I'm looking to add and image inside of the "collapsible-body" of a Collapsible element... but it doesn't shows up.
  It's possible to do what i'm trying some way? Maybe with CSS or JS?</p>
  
  <p>here is my code:</p>
  
  <pre><code>&lt;ul class="collapsible"&gt;
    &lt;li&gt;
      &lt;div class="collapsible-header"&gt;&lt;i class="material-icons"&gt;filter_drama&lt;/i&gt;First&lt;/div&gt;
      &lt;div class="collapsible-body"&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet.&lt;/p&gt;
        &lt;img href="https://materializecss.com/images/yuna.jpg"&gt;&lt;!-- Example image --&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and ofcourse the JS to initialize the collapsible:</p>
  
  <pre><code>$(document).ready(function(){
      $('.collapsible').collapsible();
  });
  </code></pre>