Selection after click

Question

I am using the materialize library and want to implement the selection of a link after clicking on it in a side menu, side-ship, drop-down , I am trying to pass as parameter to the page the active class, but it seems not to work in this case, follow my code:

 <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>

<ul id="slide-out" class="side-nav grey darken-4 fixed">
	<li><a class="white-text center-align" href="">Página Central</a></li>
	<li><a class="white-text" href="">Financeiro</a></li>	
	<li><a class="white-text" href="">Alunos</a></li>
	<ul class="collapsible collapsible-accordion active">		
		<li>
			<a class="white-text collapsible-header">Professores<i class="material-icons white-text right">arrow_drop_down</i></a>
			<div class="collapsible-body grey darken-4">
	          <ul>
	            <li><a class="white-text" href="lista-professores.php">Listar Professores</a></li>
	            <li><a class="white-text" href="#!">Cadastrar Professores</a></li>
	            <li><a class="white-text" href="#!">Grade de aulas Professores</a></li>	            
	          </ul>
	        </div>
		</li>
	</ul>