在文档中,我们似乎可以像这样转换 UL 元素:
<a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a>
<ul id="staggered-test">
<li class="" style="transform: translateX(0px); opacity: 1;">
<h4><a href="#">List Item</a></h4>
<p>This is a description</p>
</li>
<li class="" style="transform: translateX(0px); opacity: 1;">
<h4><a href="#">List Item</a></h4>
<p>This is a description</p>
</li>
</ul>
但我想要过渡的是一个 div。我试过这样做,但它似乎不起作用
<a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a>
<div id="staggered-test">
<p style="transform: translateX(0px); opacity: 0;">
appear!
</p>
</div>