jQuery

// menu toggler clikc event
$(".menu-toggler").click(function() {
$(this).toggleClass("menu-toggler-close");
$(".nav").fadeToggle();
});
$(".nav").click(function() {
$(".menu-toggler").removeClass("menu-toggler-close");
$(".nav").fadeOut();
});
$(".nav > ul").click(function(e) {
e.stopPropagation();
});

$(".nav > ul > li > a").hover(
function() {
var dataIndex = $(this).data("index");

  $(".nav").css(
    "background",
    "url('images/nav" + dataIndex + ".webp') center center / cover"
  );
},
function() {
  $(".nav").css("background", "rgba(0, 0, 0, 0.8)");
},