The previous code of the dynamic navigation generation

OldCode.js

function screenClass() {
  if ($(window).innerWidth() < 725) {
    // getting the data from the navigation 
    var subNav = '<div id="subNavigation">' + navData + '</div>';
    if (!$('#subnavigation').length) {
      $('#content').prepend(subNav);
      $('#content').css("padding-left", "0px");
      $('.col-left ul:first').clone().appendTo('#subnavigation');
      $('#subnavigation').click(function () {
        $('#subnavigation i').toggleClass('fa-chevron-down fa-chevron-up');
        $('#subnavigation ul:first').slideToggle('slow');
      });
      $('.col-left').hide();
    }
  } else {
    $('.col-left').show();
    $('#content').css("padding-left", "25%");
    $('#subNav').remove();
  }
}

$(window).bind('resize', function () {
  screenClass();
});