$(function(){ $(".header .fr .items").each(function(){ $(this).children(".item") var itemwidth = $(this).children(".item").width() $(this).children(".item").css("margin-left", -(itemwidth / 2)) }) $(".header .fr .items .a1").hover(function(){ $(this).css("border-bottom","solid 2px #ef9112") },function() { $(this).css("border-bottom","none") if($(this).hasclass("active")){ $(this).css("border-bottom","solid 2px #ef9112") } }) $(".header .fr .items .item").hover(function(){ $(this).siblings(".a1").css("border-bottom","solid 2px #ef9112") },function() { $(this).siblings(".a1").css("border-bottom","none") }) $('.erpage .item').hover(function () { $(this).addclass('active') },function() { $(this).removeclass('active') }) $(".header .open").click(function() { $(".headernav").slidedown(); $(this).hide() $(".header .close").show() }); $(".header .close").click(function() { $(".headernav").slideup(); $(this).hide() $(".header .open").show() }); let item = 0 $('.headernav ul li').click(function(){ item++ if(item % 2 == 0){ $(this).addclass('active'); $(this).children('.item').slideup() } else { $(this).removeclass('active'); $(this).children('.item').slidedown() } }) let item3 = 0 $('.headernav ul li .item2').click(function(event){ event.stoppropagation(); item3++ if(item3 % 2 == 0){ $(this).children('.item3').slideup() } else { $(this).children('.item3').slidedown() } }) let item5 = 0 $('.headernav ul li .item4').click(function(event){ event.stoppropagation(); item5++ if(item5 % 2 == 0){ console.log(item5) $(this).children('.item5').slideup() } else { $(this).children('.item5').slidedown() } }) })