My side menu items are working fine with "sidr plugin" but submenus dont

My side menu items are working fine with "sidr plugin" but submenus dont


Im following the sidr documentation because Im trying to do a slider responsive menu.

Im importing the light css that the creator of this provided:

  1. <link rel="stylesheet" href="jquery.sidr.light.css" type="text/css" />

And then I have my html, and the script to initialize the plugin.

And its working, but Im having a problem because my menu items are working fine, but When I step with the mouse above the menu items with submenu, the submenus start blinking and a conflict occurs.

Somebody thery already tried to use this script and now how I can solve this situation?

My Html:
  1. <nav id="sidr" style="display:none;">
  2.   <ul>  
  3.    <li><a href="#">Link 1</a></li> 
  4.   <li><a href="#">Link 2</a></li>
  5.   <li><a href="#">Link 3</a>
  6.     <ul>
  7.       <li> Link 3.1 </a></li>
  8.       <li><a href="#"> Link 3.2 </a></li>
  9.     </ul>
  10.   </li>
  11.   <li><a href="#">Alunos</a></li>
  12.   </ul>
  13. </nav>  
My Jquery to start:
  1. $(document).ready(function() {
  2.   $('#simple-menu').sidr({
  3.        name: 'sidr', 
  4.       speed: 200, 
  5.       side: 'left',
  6.       source: null, 
  7.       renaming: true, 
  8.       body: 'body'

  10.      });
  11. });