So, given this html
所以,鉴于这个HTML
<!-- google fonts for material design icons -->
<link href="/go.html?url=https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--CSS-->
<link href="/go.html?url=https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="/go.html?url=/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="/go.html?url=/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<ul class="collapsible collapsible-accordion" data-collapsible="accordion">
<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></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">place</i>Second</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
</ul>
</body>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
});
<!-- g
