In many web application we need to create a vertical nav bar or vertical tabs. In today’s tutorial i have explained how to create vertical menu using hashTabber.js. HashTabber.js is a javascript code which provides the simple way to create vertical tabs.

Include the hashTabber.js in your page before head tag closed.

how to create Vertical tabs

Demo Download

Include CSS & JS Files

Include the below csss and JS files before head tga closed.

Also add below custom javascript code in you page.

HTML Code

After adding the above JS, CSS and custom JavaScript code in your page. Add the below HTML code in body area of your page.

You may also like: