Jquery Toggle Toggle Toggle Toggle (토글 버튼을 어떻게 든 숨 깁니다.)

Question

반응적인 관리 대시 보드를 만들기 위해 부트 스트랩 3을 사용하고 있습니다. 그래서 사이드 바 보이기와 숨기기를위한 버튼을 만들었습니다. 어떻게 든 내 페이지를로드 할 때 내 토글 버튼을 숨기고 토글 이벤트는 전혀 작동하지 않습니다.

HTML (jqueryUI와)

<div class="btn-toggle-sidebar"> 
    <i class="fa fa-bars fa-lg"></i> 
</div> 

<div class="sidebar-left"> 

</div> 


<div class="page-content"> 

</div> 

jQuery를

$(".btn-toggle-sidebar").toggle(function() {   
      $(".sidebar-left").animate({left: -220}, 500); 
      $(".page-content").animate({marginLeft: 0}, 500);      
     }, function() {   
      $(".sidebar-left").animate({left: 0}, 500); 
      $(".page-content").animate({marginLeft: 220}, 500);    
     }); 

Answer 1

$(function(){ 
    $(".btn-toggle-sidebar").click(function(){ 
     if ($(this).hasClass("active")){ 
      $(".sidebar-left").animate({left: 0}, 500); 
      $(".page-content").animate({marginLeft: 220}, 500); 
      $(this).removeClass("active"); 
     } else { 
      $(".sidebar-left").animate({left: -220}, 500); 
      $(".page-content").animate({marginLeft: 0}, 500); 
      $(this).addClass("active"); 
     } 
    }); 
}); 

이 당신을 위해 그것을해야한다. (내가 애니메이션을 잘못 잡았을 지 모르지만)