아코디언

아코디언

 

메뉴소스

 

$(document).ready(function() {
    
     $(".accordion > ul > li > a").on("click", function(){
        var element = $(this).parent("li");

         
         if(element.hasClass("open")) {
           element.removeClass("open");
             element.find("li").removeClass("open");
             element.find("ul").slideUp();
         }
         else{
          element.addClass("open");
          element.children("ul").slideDown();
          element.siblings("li").children("ul").slideUp();
          element.siblings("li").removeClass("open");
        element.siblings("li").find("li").removeClass("open");
        element.siblings("li").find("ul").slideUp();
         }
     });

        
        $(".accordion ul ul").hide();
        
        $(".open").children("ul").slideDown();
});

See the Pen mwQJXQ by Kiyeol Yoo (@spiegel) on CodePen.