Simple jquery generate.

HTML

<nav>
    <ul id="navlists">
    </ul>
  </nav>

CSS

section{
    background-color:#999;
    height:50px;
    border:1px solid #000;
}

JavaScript

var totalLists = 4;
var listitems='';
var sectionitems='';
$(document).ready(function(){

    for(var i = 1; i<= totalLists; i++){
        listitems = listitems+'<li><a href="#id'+i+'">nav'+i+'</a></li>';
        sectionitems=sectionitems+'<section id="id'+1+'" class="main-section"></section>'
    }
    $("#navlists").append(listitems);


});