static.js

jQuery(document).ready(function() {
    jQuery('#metrics-sidemenu').foundation('down', jQuery(`#ss-menu`));

    let ss_ids = dtStatic.nav_ids

    if( ! window.location.hash ) {
        load_static_section_content( ss_ids[0]  )

    } else {
        load_static_section_content( window.location.hash.replace('#', '') )
    }
})
function load_static_section_content( id ) {
    "use strict";
    let chartDiv = jQuery('#chart')
    chartDiv.empty().append(`<span class="loading-spinner active"></span>`)

  jQuery('#metrics-sidemenu li').removeClass('side-menu-item-highlight')
  jQuery('.'+id).addClass('side-menu-item-highlight')

    jQuery.ajax({
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify( { 'id': id } ),
        dataType: "json",
        url: dtStatic.root + 'static-section/v1/content',
        beforeSend: function(xhr) {
            xhr.setRequestHeader('X-WP-Nonce', dtStatic.nonce);
        },
    })
        .done( function( response ) {
            chartDiv.empty().append(`
            ${response}
            `)

          jQuery('#metrics-sidemenu li').removeClass('side-menu-item-highlight')
          jQuery('.'+id).addClass('side-menu-item-highlight')

        }) // end success statement
        .fail(function (err) {
            console.log("error")
            console.log(err)
        })
}