jquery에서 팝업을 닫는 방법

Question

jquery에서 팝업을 만들었습니다. 메일 아이콘이 포함 된 팝업이 열립니다 클릭하면

는 이메일을 입력 - 라벨을 보내기 상자 -text 이메일 - 닫기 버튼 - 버튼을

다른 아이콘이라고 인쇄 아이콘은 다른 팝업을 열을 클릭하면 예, 아니오 버튼을 사용하여 "정말로 인쇄 하시겠습니까?"라는 확인 메시지가 나타납니다.

인쇄 아이콘을 클릭하면 메일 팝업이 자동으로 닫히고 반대의 경우도 마찬가지입니다.

스냅 샷은

http://www.flickr.com/photos/41695354@N08/3864786560/

내 코드는 여기에 여기에있다. slideFadeToggle 표준의 jQuery 기능은

$("#idemail").live('click', function(event) { 
     $(this).addClass("selected").parent().append(); 
     $(".mailpop").slideFadeToggle() 
     $("#idemail").focus(); 
     return false; 
    }); 

    $(".mailclose").live('click', function() { 
     $(".mailpop").slideFadeToggle() 
     $("#idemail").removeClass("selected"); 
     return false; 
    }); 

    $("#idprint").live('click', function(event) { 
     $(this).addClass("selected").parent().append(); 

     $(".printpop").slideFadeToggle() 
     $("#idprint").focus(); 
    return false; 
    }); 

    $(".printclose").live('click', function() { 
     $(".printpop").slideFadeToggle() 
     $("#idprint").removeClass("selected"); 
     return false; 
    }); 

나에게

Answer 1

도와주세요인가? 그렇지 않은 경우 slideFadeOpen과 slideFadeClose의 두 가지 유사한 함수를 작성하여 사용할 수 있습니다. 아니면 다른 팝업의 가시 상태를 확인하고 내가/쇼 자체 jQuery를에 '토글'의 팬이 적이 없습니다 만 지금은 숨길 사용을 고려할 것입니다 그것을

$("#idprint").live('click', function(event) { 
    $(this).addClass("selected").parent().append(); 

    $(".printpop").slideFadeToggle(); 

    if ($(".mailpop").is(":visible")) { 
     $(".mailpop").slideFadeToggle(); 
    } 
    $("#idprint").focus(); 
return false; 
}); 

Answer 2

움직입니다. 심지어 표준 숨기기 및 표시 방법을 사용합니다. 세미콜론으로 전환하라는 전화를 닫고 싶을 수도 있습니다 ...

제발 저주를하지 마십시오 ... 나는 토글 호출을 fadeIn/fadeOut으로 변경하고 세미콜론으로 함수 호출을 종료했습니다.

$("#idemail").live('click', function(event) { 
    $(this).addClass("selected").parent().append(); 
    $(".mailpop").fadeIn("slow"); 
    $("#idemail").focus(); 
    return false; 
}); 

$(".mailclose").live('click', function() { 
    $(".mailpop").fadeOut("slow"); 
    $("#idemail").removeClass("selected"); 
    return false; 
}); 

$("#idprint").live('click', function(event) { 
    $(this).addClass("selected").parent().append(); 

    $(".printpop").fadeIn("slow"); 
    $("#idprint").focus(); 
return false; 
}); 

$(".printclose").live('click', function() { 
    $(".printpop").fadeOut("slow"); 
    $("#idprint").removeClass("selected"); 
    return false; 
});