How To Make Reuseable HTML Navigation Menus?

Question

I\'m sure this topic comes up all the time,
But I can\'t seem to fine a concise answer.

I\'ve got a vertical menu bar that I want to reuse in webpages (>20)

Answer 1

I was facing the same thing. Then, I created a new file for storing the html of the navigation bar.

I created a file navbar.html which had all my navigation bar code. Then, in your main html file where you want navigation bar, just include this file by using jquery.

$(document).ready(function() {
    $('#navigation').load('navbar.html');
});

Then at the place where you want navigation bar, just add this line: