스킨을 별도로 수정을 해서 처리를 할 수도 있을듯 합니다.

그리고 퀵메뉴관리를 통해서도 처리가 가능할 듯 합니다.

소스를 수정을 하면 비슷한 형태로 출력은 가능해보입니다.

 

보내드렸던 주소 오른쪽 메뉴바 처럼 접기 버튼 클릭 시 천천히 닫히게 효과 설정하고 싶습니다.

방법 안내 부탁드립니다.ㅠ

http://ph*****17.ko*****mc.co.kr/shop_goods/goods_list.htm?category=04000000

animate() 를 사용하시면 됩니다.

 

참고(영문)

https://www.w3schools.com/jquery/jquery_animate.asp

 

 

 

 

 

 

 

$(function(){
  var $boxRight = $('.box_right');
  var $boxBtn = $boxRight.find('button')
   .on('click', function(){
   $boxRight.toggleClass('open');
    if($boxRight.hasClass('open')){
      $boxRight.css({width: '0'});
      $boxBtn.find('img').attr('src', '/img_up/shop_pds/ivyworld1/design/main/side_tab.png');
     
    } else {
      $boxRight.css({width: '200'});
      $boxBtn.find('img').attr('src', '/img_up/shop_pds/ivyworld1/design/main/side_tab_close.png');
    
    };
  });
  });

 

 

 

 

$(function(){
  var $boxRight = $('.box_right');
  var $boxBtn = $boxRight.find('button')
   .on('click', function(){
   $boxRight.toggleClass('open');
    if($boxRight.hasClass('open')){
      $boxRight.animate({right: '-210px'},400);
      $boxBtn.find('img').attr('src', '/img_up/shop_pds/ivyworld1/design/main/side_tab.png');
     
    } else {
      $boxRight.animate({right: '0'},400);
      $boxBtn.find('img').attr('src', '/img_up/shop_pds/ivyworld1/design/main/side_tab_close.png');
    
    };
  });
  });