How to create vertical menu using hashTabber.js

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.

Recommended Posts:


Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of FreeWebMentor.com (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.

Article Tags: , , , , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Solved Programs