Comment puis-je faire pour avoir 2 popup mais quand on active la seconde la premiere disparait?
var popup = (function()
{
function init() {
var overlay = $('.overlay');
$('.popup-button').each(function(i, el)
{
var modal = $('#' + $(el).attr('data-modal'));
var close = $('.close');
// fonction qui enleve la class .show de la popup et la fait disparaitre
function removeModal() {
modal.removeClass('show');
}
// evenement qui appelle la fonction removeModal()
function removeModalHandler() {
removeModal();
}
// au clic sur le bouton on ajoute la class .show a la div de la popup qui permet au CSS3 de prendre le relai
$(el).click(function()
{
modal.addClass('show');
overlay.unbind("click");
// on ajoute sur l'overlay la fonction qui permet de fermer la popup
overlay.bind("click", removeModalHandler);
});
// en cliquant sur le bouton close on ferme tout et on arrête les fonctions
close.click(function(event)
{
event.stopPropagation();
removeModalHandler();
});
});
$('.popup-button2').each(function(i, el)
{
var modal = $('#' + $(el).attr('data-modal'));
var modal2 = $('#' + $(el).attr('data-modal2'));
var close = $('.close');
// fonction qui enleve la class .show de la popup et la fait disparaitre
function removeModal2() {
modal2.removeClass('show2');
}
// evenement qui appelle la fonction removeModal()
function removeModal2Handler() {
removeModal2();
}
// au clic sur le bouton on ajoute la class .show a la div de la popup qui permet au CSS3 de prendre le relai
$(el).click(function()
{
modal.removeClass('show');
modal2.addClass('show2');
overlay.unbind("click2");
// on ajoute sur l'overlay la fonction qui permet de fermer la popup
overlay.bind("click2", removeModal2Handler);
});
// en cliquant sur le bouton close on ferme tout et on arrête les fonctions
close.click(function(event)
{
event.stopPropagation();
removeModalHandler();
});
});
}
init();
})();