Horizontal Slide Out Menu

A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.

Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.

Related Post

doubleTapToGo is responsive and touch-friendly dropdown navigation. The technique consists of three main parts: Simple drop-down navigation based on HTML Read more

Virtual Keyboard is a jQuery UI plugin that comes with lots of features, compatible with theme roller, works with jQuery mobile Read more

A tutorial on how to create a mobile-friendly and responsive expanding search bar. Summarized, this is what we want the Read more

Article about lists of jQuery plugins that handle touch events. Hammer.js iScroll 4 Ember.js jquery.pep.js Swipe Overscroll Swiper jQuery Mobile Read more

jQRangeSlider is a powerful slider for selecting value ranges, supporting dates, touch devices and more. Features Select dates : jQRangeSlider supports Read more

Fixed Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling. Features Fixed positioned, always visible Read more

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. Features: Multi-level nested menus. 100% mobile Read more

A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. The menu automatically changes to one of three different layouts Read more

Go