How to create vertical menu using hashTabber.js

| Last Updated: | In: Freebies, HTML / CSS, Javascript & Ajax


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.

Tags: , , , , , , , , ,


About: Prem Tiwari

Prem Tiwari is the founder of freewebmentor.com and is a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby.


You may also like:

Follow us!

Get Free Access of 380+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Free Guide: Learn how to implement security guideline in your WordPress site...

DOWNLOAD

Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...

SEARCH NOW
Copyright © 2013-2017