{"id":49575173,"url":"https://github.com/rollecode/flexnav-rolle","last_synced_at":"2026-05-03T16:10:57.265Z","repository":{"id":29282051,"uuid":"32814791","full_name":"rollecode/flexnav-rolle","owner":"rollecode","description":"A jQuery plugin for responsive menus","archived":false,"fork":false,"pushed_at":"2015-03-26T18:09:02.000Z","size":51676,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-02T13:33:30.033Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://jasonweaver.name/lab/flexiblenavigation/","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rollecode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-24T17:42:42.000Z","updated_at":"2016-11-28T20:18:22.000Z","dependencies_parsed_at":"2022-08-30T16:00:48.183Z","dependency_job_id":null,"html_url":"https://github.com/rollecode/flexnav-rolle","commit_stats":null,"previous_names":["rollecode/flexnav-rolle"],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/rollecode/flexnav-rolle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fflexnav-rolle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fflexnav-rolle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fflexnav-rolle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fflexnav-rolle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rollecode","download_url":"https://codeload.github.com/rollecode/flexnav-rolle/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rollecode%2Fflexnav-rolle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575392,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-05-03T16:10:56.368Z","updated_at":"2026-05-03T16:10:57.259Z","avatar_url":"https://github.com/rollecode.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FlexNav jQuery Plugin\n\nThis is was originally a [flexnav](https://github.com/indyplanets/flexnav) fork by Roni Laukkarinen (me), but since the original author has been inactive for a while I decided to detach this as a stand alone repo. Besides, there are so many differences, for instance I use old school jQuery with Gulp instead coffeescript or Grunt.\n\nIf Jason and co are activating themselves in flexnav development I will do a lot of pull requests. But for now, this is will remain as my own version of flexnav.\n\n### Extra features over the original\n\n- Made to use with WordPress (`wp_nav_menu`, preferably with `walker`)\n- Animations (requires [jquery.easing](https://github.com/gdsmith/jquery.easing), not currently included):\n\n```js\n$(\".flexnav\").flexNav({\n  'animationOpenSpeed': 500,            // default for drop down animation speed on open\n  'animationCloseSpeed': 500,            // default for drop down animation speed on close\n  'animationOpenEffect': 'swing',        // default animation effect on open (requires jquery.easing!)\n  'animationCloseEffect': 'swing',       // default animation effect on close (requires jquery.easing!)   \n});\n```\n\n- Bugfix: `touchend` event for tablets\n- Bugfix: funny behavior after window resize due to faulty menu reset\n\n### A Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility\n\n* * *\n### The Details\n\n* [View Demo](http://jasonweaver.name/lab/flexiblenavigation/)\n* [Single page site with fixed navigation demo](http://jasonweaver.name/lab/flexiblenavigation/single-page-pattern.html)\n\nA mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using touch events and tap targets. This is something I use to test different navigation techniques and may change as I iterate over different solutions to the problem. Basically I want a simple model to build upon when working on sites from scratch.\n\n**Note:** If you find a bug, please [file an issue](https://github.com/indyplanets/flexnav/issues) and note device and browser versions. Use [the Demo](http://jasonweaver.name/lab/flexiblenavigation/) as a point of reference for bugs. I can't offer my time to debug your specific code.\n\n### Resources\n* [Theming a Multi-level Responsive Menu in Drupal 7](http://highrockmedia.com/blog/theming-multi-level-responsive-menu-drupal-7)\n* [Gratis Drupal 7 Responsive Theme](http://gratis.themehuis.com/)\n* [Dreamweaver support forum](http://forums.adobe.com/message/5811244)\n* [Using FlexNav with WordPress](http://wordpress.stackexchange.com/questions/101021/using-flexnav-with-wordpress)\n* [FlexNav with WordPress Genesis 2.0 demo](http://bradpotter.com/themes/genesis20flex/)\n\n### Features\n* Multiple nested sub menus\n* Tap targets to reveal sub menus for touch screens\n* Hover reveal for desktop\n* Keyboard tab input accessibility\n* Use class `.one-page` on the `body`, `.menu-button`, and `ul.flexnav` for single page fixed menu\n* Use with [hoverIntent jQuery plugin](http://cherne.net/brian/resources/jquery.hoverIntent.html) (not included)\n\n### Browser Support\n* IE7-10\n* Latest Safari\n* Latest Chrome\n* Latest FireFox\n* Android 2.2 to Latest\n* Mobile Safari\n\n### License\nFlexNav is unlicensed. Do whatever you want with it. :) [Set Your Code Free](http://unlicense.org/)\n\n* * *\n### Usage\n\nStart with a simple unordered list, adding in the class and data attributes:\n```xhtml\n\u003cul class=\"flexnav\" data-breakpoint=\"800\"\u003e \u003cli\u003e...\u003c/li\u003e \u003c/ul\u003e\n```\nAdd the small screen menu button somewhere outside your navigation markup:\n```xhtml\n\u003cdiv class=\"menu-button\"\u003eMenu\u003c/div\u003e\n```\t\t\nFor a single page site with id anchors, add `.one-page` class to `\u003cbody\u003e`, `.menu-button`, and FlexNav `\u003cul\u003e`:\n```xhtml\n\u003cul class=\"flexnav one-page\" data-breakpoint=\"800\"\u003e \u003cli\u003e...\u003c/li\u003e \u003c/ul\u003e\t\n```\t\t\t\t\t\t\t\t\nAdd flexnav.css to the head of your document\n```xhtml\t\t\n\u003clink href=\"css/flexnav.css\" rel=\"stylesheet\" type=\"text/css\" / \u003e\n```\t\t\nAdd jquery.flexnav.min.js before closing body tag and after jQuery\n```xhtml\t\t\n\u003cscript type=\"text/javascript\" src=\"js/jquery.flexnav.min.js\"\u003e\u003c/script\u003e\n```\t\t\nInitialize\n```xhtml\n\u003cscript\u003e\n\t$(\".flexnav\").flexNav();\n\u003c/script\u003e\n```\n\n### Options\n```js\n$(\".flexnav\").flexNav({\n  'animationOpenSpeed': 500,            // default for drop down animation speed on open\n  'animationCloseSpeed': 500,            // default for drop down animation speed on close\n  'animationOpenEffect': 'swing',        // default animation effect on open (requires jquery.easing!)\n  'animationCloseEffect': 'swing',       // default animation effect on close (requires jquery.easing!)\n  'transitionOpacity':  true,           // default for opacity animation\n  'buttonSelector':     '.menu-button', // default menu button class name\n  'hoverIntent':        false,          // Change to true for use with hoverIntent plugin\n  'hoverIntentTimeout': 150,            // hoverIntent default timeout\n  'calcItemWidths':     false,          // dynamically calcs top level nav item widths\n  'hover':              true            // would you like hover support?  \t  \n});\n```\t\n\n* * *\n### Contributors\n* [Roni Laukkarinen](http://rolle.io)\n* [Jason Weaver](http://jasonweaver.name) - (Primary)\n* [James Sinclair](https://github.com/jrsinclair)\n* [Allison Wagner](https://github.com/alliwagner)\n* [Sean Breakerfall](https://github.com/breakerfall)\n* [Robin Cawser](https://github.com/robcaw)\n* [pallandt](https://github.com/pallandt)\n* [ac-bristol](https://github.com/ac-bristol)\n\n* * *\t\t\n### Todo\n\nsee [Todos](https://github.com/indyplanets/flexnav/wiki/Todos)\n\n* * *\n### Changelog\n\nsee [Changelog](https://github.com/indyplanets/flexnav/wiki/Changelog)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fflexnav-rolle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frollecode%2Fflexnav-rolle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frollecode%2Fflexnav-rolle/lists"}