salut,

a priori il faut que tu ajoutes cela dans un event handler "close" (si tu passes toujours pas ton click.close c'est la qu'il faut le mettre).


@+



@+

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();

})();

Bonjour
Comment puis-je faire pour avoir 2 popup mais quand on active la seconde la premiere disparait?

[php]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();

})();[/php]