https://hiddentag.com/js/head_animation.js

1$(function(){
2    $(".main_menu > li").mouseover(function(){
3        let a = window.innerWidth
4        if(a > 1325){
5            $(this).find(".sub_menu").stop().slideDown();
6        }
7        
8    });
9    $(".main_menu > li").mouseleave(function(){
10        let b = window.innerWidth
11        if(b > 1325){
12            $(this).find(".sub_menu").stop().slideUp();
13        }
14    });
15});
16
17$(function(){
18    $("header .select").click(function(){
19        $("#leng ul").stop().slideToggle()
20        if($("#leng span").hasClass("active") === false){
21            $("#leng span").stop().addClass("active");
22        }else{
23            $("#leng span").stop().removeClass("active");
24        }
25    });
26});
27
28$(function(){
29    $("#head_wrapper .right_area").append("<div class="+"ham"+"></div>");
30    setInterval(function(){
31        let a = window.innerWidth;
32        if(a <= 1325){
33            $("#head_wrapper .main_menu > li:nth-of-type(2n) > a").attr("onclick", "return false;");
34        }else{
35            $("#head_wrapper .main_menu > li > a").attr("onclick", "");
36            $("#head_wrapper .main_menu > li").removeClass("active");
37        }
38    });
39
40    $(window).resize(function(){
41        $("#head_wrapper .main_menu > li .sub_menu").attr("style","");
42        $("#head_wrapper .main_menu > li").removeClass("active");
43    })
44
45    $("#head_wrapper .main_menu > li").click(function(){
46        $(this).find(".sub_menu").stop().slideToggle();
47        $(this).siblings().find(".sub_menu").stop().slideUp();
48    });
49    $("#head_wrapper .main_menu > li:nth-of-type(2n+2)").click(function(){
50        $(this).toggleClass("active");
51        $(this).siblings().removeClass("active");
52    });
53
54    $("#head_wrapper .right_area .ham").click(function(){
55        $(this).toggleClass("active");
56        if($(this).hasClass("active") === true){
57            $("#head_wrapper .main_menu").stop().animate({right:0},1000);
58        }else{
59            $("#head_wrapper .main_menu").stop().animate({right:"-30rem"},1000);
60        }
61    });
62});
63
64$("#head_wrapper .main_menu > li:nth-child(2)").click(function(){
65	$("#head_wrapper .main_menu > li:nth-child(2) .sub_menu").removeClass('sub1');
66	$("#head_wrapper .main_menu > li:nth-child(4) .sub_menu").removeClass('sub2');
67});
68
69
70$("#head_wrapper .main_menu > li:nth-child(4)").click(function(){
71	$("#head_wrapper .main_menu > li:nth-child(4) .sub_menu").removeClass('sub2');
72	$("#head_wrapper .main_menu > li:nth-child(2) .sub_menu").removeClass('sub1');
73});