MaterializeCSS Открыть все складные по умолчанию

Question

Глядя, чтобы открыть все сворачиваемые объекты при загрузке страницы, а затем разрешить их сворачивание и т. Д. Возможно ли это?

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

Answer 1

Это можно сделать с помощью instance.open().

Не передавайте в методе никаких чисел, и все ваши складные вещи откроются.

HTML-

<ul class="collapsible">
    <li>
        <div class="collapsible-header">
            <i class="material-icons">filter_drama</i>First</div>
        <div class="collapsible-body">
            <span>Lorem ipsum dolor sit amet.</span>
        </div>
    </li>
    <li>
        <div class="collapsible-header">
            <i class="material-icons">place</i>Second</div>
        <div class="collapsible-body">
            <span>Lorem ipsum dolor sit amet.</span>
        </div>
    </li>
    <li>
        <div class="collapsible-header">
            <i class="material-icons">whatshot</i>Third</div>
        <div class="collapsible-body">
            <span>Lorem ipsum dolor sit amet.</span>
        </div>
    </li>
</ul>

JS-

document.addEventListener('DOMContentLoaded', function () {
    var elems = document.querySelector('.collapsible');
    var instances = M.Collapsible.init(elems);
    instances.open();
});

Складной - MaterializeCSS