Erhalten aktiven Index von Material zusammenklappbar

Question

Ich möchte den Index der aktiven in einem Materialcss Kollaps erhalten.

Ich habe mit dem folgenden Code versucht

function getActive() { return($('.active').data("index")) } $(document).ready(function(){ $('.collapsible').collapsible(); });

<!-- Compiled and minified CSS --> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 
 
    
 
    <!-- Compiled and minified JavaScript --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 
 
    
 
    <ul class="collapsible" data-collapsible="accordion"> 
 
     <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>

Answer 1

Sie wollen die .index() Funktion verwenden:

function getActive() { return $('.active').index(); }