Salve,
dovrei modificare uno script per un popup jquery. Nell'esempio che ho trovato in rete, il popup si attiva tramite un link con data-popup-target e si chiude con la classe popup-exit su di uno span. A me però servirebbe che lo stesso link, prima aprisse e poi chiudesse il popup. Purtroppo non sono per nulla pratico di javascript e avrei bisogno di aiuto.
Vi ringrazio.
codice HTML:
<a class="popup-link" href="#" data-popup-target="#example-popup">Clicca per vedere il popup in azione</a>
<span class="popup-exit"></span>
codice:
jQuery(document).ready(function ($) {
$('[data-popup-target]').click(function () {
$('html').addClass('overlay');
var activePopup = $(this).attr('data-popup-target');
$(activePopup).addClass('visible');
});
$(document).keyup(function (e) {
if (e.keyCode == 27 && $('html').hasClass('overlay')) {
clearPopup();
}
});
$('.popup-exit').click(function () {
clearPopup();
});
$('.popup-overlay').click(function () {
clearPopup();
});
function clearPopup() {
$('.popup.visible').addClass('transitioning').removeClass('visible');
$('html').removeClass('overlay');
setTimeout(function () {
$('.popup').removeClass('transitioning');
}, 200);
}
});