Skip to main content

Menu 2-panel

Demo

Utilisez le bouton 1 dans la barre de navigation du haut de cette page pour tester cet élément.

Documentation

Importez la fonction dans votre projet

import { MenuTwoPanel } from "./functions/menu-two-panel.js"

Créez une instance de base et initialisation

Si les valeurs de base des options vous conviennent, vous pouvez simplement créer votre instance sans option.

const myMenuTwoPanel = new MenuTwoPanel("#menu-two-panel", {
  // your options here - see options below
})

myMenuTwoPanel.init()

Options

  • Name
    Type
    Default
    Description
  • collapseBreakpoint
    string
    "767px"
    Largeur de l'écran pour le changement du layout en accordéons
  • currentLinkSelector
    CSS selector
    [data-uri='current']
    Si vous avez un état de lien "actif" lors du chargement d'une page, cette classe modifier ou sélecteur peut être utilisé pour que le menu soit déjà ouvert au submenu correspondant.

Code

Dossier de base

Dossier de base

Éléments partagés requis

Fonctions Collapse pour small devices

Combinez avec ceci

Mega-nav (utilisée dans ce demo)

Feuilles de style optionnelles

Navbar