实现：如何以编程方式打开和关闭可折叠对象

Question

Trying to execute the open() method of on a specific collapsible element in Materialize inside DOM using the following function:

document.addEventListener('DOMContentLoaded', function () {
        var elems = document.querySelectorAll('.collapsible');
        var options = {};
        var instances = M.Collapsible.init(elems);
        console.log(instances);
        instances.open(1);    
    });

And getting the following error:

Uncaught TypeError: instances.open is not a function
    at HTMLDocument.<anonymous> 

Answer 1

Use init for initialising the collapsible and then with that instance you can use all collapsible methods .

var elems = document.querySelector('.collapsible');
var instances = M.Collapsible.init(elems);
instances.open(1);