<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
jQuery(function( $ ){
//if( $.cookie('krootz-zzp-pro-melding') === 'closed' ){
if( !$.cookie('krootz-zzp-pro-melding')){
$('.probar').show();
}
// Grab your button (based on your posted html)
$('.sluit').click(function( e ){
// Do not perform default action when button is clicked
e.preventDefault();
/* If you just want the cookie for a session don't provide an expires
Set the path as root, so the cookie will be valid across the whole site */
$.cookie('krootz-zzp-pro-melding', 'closed', { expires: 1, path: '/' });
$('.probar').hide();
});
});
</script>
<div class="containter-fluid probar" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-9">
Nu tijdelijk een gratis PRO account voor 3 maanden. Wij ondersteunen jullie graag!
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<a href="https://www.krootz-zzp.nl/gratis-3-maanden-zzp-pro/?utm=krtz" class="btn">PRO account aanmaken</a>
</div>
</div>
</div>
<a href="#" class="sluit" style="color: #fff; position: absolute; right: 10px; top: 10px; font-size: 20px;">×</a>
</div>
#cookie #cookies #jQuery #show #tijjd