https://github.com/hsynlms/zeynepjs

A lightweight multi-level jQuery side menu plugin
https://github.com/hsynlms/zeynepjs

jquery menu multi-level-menu navigation side-menu

Last synced: 18 days ago
JSON representation

A lightweight multi-level jQuery side menu plugin

• Host: GitHub
• URL: https://github.com/hsynlms/zeynepjs
• Owner: hsynlms
• License: mit
• Created: 2019-01-21T13:00:29.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-24T22:07:14.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T13:35:51.807Z (7 months ago)
• Topics: jquery, menu, multi-level-menu, navigation, side-menu
• Language: JavaScript
• Homepage: https://codepen.io/hsynlms/pen/xMbGaO
• Size: 290 KB
• Stars: 56
• Watchers: 4
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/funding.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# zeynepjs

> A lightweight multi-level jQuery side menu plugin.

[![Downloads](https://img.shields.io/npm/dm/zeynepjs.svg)](https://npmjs.com/zeynepjs)

[![install size](https://packagephobia.com/badge?p=zeynepjs)](https://packagephobia.com/result?p=zeynepjs)

`zeynepjs` is a light-weight multi-level jQuery side menu plugin. It's fully customizable and is compatible with modern browsers such as Google Chrome, Mozilla Firefox, Safari, Edge and Internet Explorer.

## Install

```

$ npm install zeynepjs --save

```

## Usage

```js

var zeynep = $('.zeynep').zeynep({

  load: function (element, options) {

    console.log('zeynepjs menu is successfully loaded')

  }

})

// opens the menu

zeynep.open()

// closes the menu

zeynep.close()

// dynamically event binding

zeynep.on('closing', function () {

  console.log('guys, the side menu is closing')

})

// destroys the menu

zeynep.destroy()

```

## Using with Webpack

Once the library installed in your project, just import it:

```js

import 'zeynepjs'

```

## Options

| Option            | Type     | Default | Description                                                                                              |

| ---               | ---      | ---     | ---                                                                                                      |

| htmlClass         | boolean  | true    | If `true` zeynepjs will add some classes to `