jQuery(document).ready(function($) { $('#lireTermes').on('click', function(e) { e.preventDefault(); $('#rulesModal').show(); }); $('#closeBtn').on('click', function() { $('#rulesModal').hide(); }); $(window).on('click', function(event) { if (event.target == $('#rulesModal')[0]) { $('#rulesModal').hide(); } }); }); CSS