Comment fermer la popup dans jquery

Question

J'ai créé un popup dans jquery. Lorsque l'icône de courrier est cliqué, il ouvrira une fenêtre qui contient

Entrez email - étiquette Email -text box Envoyer - Bouton Fermer - bouton

Quand une autre icône d'impression appelé est cliqué, il ouvrira une autre pop-up avec le message de confirmation "Êtes-vous sûr de vouloir imprimer" avec le bouton Oui, Non.

Lorsque vous cliquez sur l'icône d'impression, la fenêtre contextuelle doit se fermer automatiquement et vice versa.

L'instantané est ici

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

Mon code est ici.

$("#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; 
    }); 

S'il vous plaît aidez-moi

Answer 1

est slideFadeToggle fonction standard jQuery? Sinon, vous pouvez écrire deux fonctions similaires - une pour slideFadeOpen et une pour slideFadeClose et les utiliser. Ou vérifier l'état visible de l'autre pop-up et l'activer

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

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

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

Answer 2

Je ne l'ai jamais été un fan de « basculer » dans jQuery et je ne jamais envisager de l'utiliser pour cacher/spectacle lui-même. Même alors, je n'utilise que des méthodes standard de masquage et de présentation. Vous pourriez également vouloir fermer les appels à basculer avec un demi-colon ...

S'il vous plaît ne irait pas mal ... J'ai changé vos appels à bascule à un fadeIn/fadeOut et fermé les appels de fonction avec des points-virgules.

$("#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; 
});