Html Menu

Set the enableHover property of the jqxMenu. Author: http://jqwidgets.com

by mogador

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxMenu'>
  <ul>
    <li>Établissement</li>
    <li>Fiche Prof</li>
    <li>Dossiers
      <ul>
        <li>Dossier EPS
          <ul>
            <li>Axes des Projets</li>
            <li>Équipe EPS</li>
            <li>Classes</li>
            <li>APSA</li>
            <li>Périodes</li>
          </ul>
        </li>
        <li>Dossier Certificatif
          <ul>
            <li>Référentiel</li>
            <li>Protocoles</li>
          </ul>
        </li>
        <li>Dossier Natation
          <ul>
            <li>Validation ASNS</li>
            <li>Enquete</li>
            <li>Statistiques</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>Mes Élèves</li>
    <li>Mes Documents
      <ul>
        <li>Documents Administratifs
        <li>Publipostage</li>
      </ul>
    </li>
    <li>Gestion Matériel EPI</li>
    <li>Outils</li>
  </ul>
</div>

JavaScript

$("#jqxMenu").jqxMenu({
      width: '100%',
      height: 30,
      theme: 'energyblue'
  });