jQuery로 사용자 토글 만들기

Question

다음 코드는 .load을 통해 HTML로 페이드되고 .pop-up 모달로 표시됩니다.

$('.about').click(function(){ 
    $('.pop-up').load('about.php', function(){ 
     $(this).fadeIn(); 
    }); 

그러나, 나는 .about 페이드를 만들 수있는 두 번째 클릭이 필요합니다. 특정 토글 기능이 이제는 사용되지 않음을 알고 있습니다. 사용할 수있는 현재 방법이 있습니까? 코드 전체에서 토글 링해야하는 몇 가지 기능이 있습니다.

어떤 도움도 좋은 것입니다.

Answer 1

$('.about').click(function(){ 
    $('.pop-up').load('about.php', function(){ 
    $(this).toggle("slow", function() { 
    // Animation complete. 
    }); 
}); 

http://api.jquery.com/toggle/

Answer 2

당신은 toggle를 사용할 수 있지만 사용자 지정 코드에 의해 당신은

var toggle=0; 
    $('.about').click(function(){ 
    var $this=$('this'); 
    if(!toggle) 
    { 
    $('.pop-up').load('about.php', function(){ 
      $this.fadeIn(); 
      toogle=1; 
     }); 
    } 
    else{// or do other action which you want 
      $this.fadeOut(); 
     toggle=0; 

    } 
    });