// Check cookie if ($.cookie('yourCookieName') != "active") $('#announcement').show(); //Assign cookie on click $('#announcement a').on('click',function(){ $.cookie('yourCookieName', 'active', { expires: 1 }); // cookie will expire in one day $('#announcement').fadeOut(); });
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <div id="announcement" class="announcement"> Estás haciedo una prueba de código para <a href="#">Skylium</a><br> <button id="cookieAcceptBarConfirm" class="btn btn-success">Haciendo prueba skylium</button> </div>
* { font-family: sans-serif; } .announcement { display:none; position: fixed; top: 50%; left:0; right: 0; text-align: center; background-color: #333; color: #fff; padding: 20px 0; z-index: 99999; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .announcement a { color: #fff; text-decoration: none; font-weight: bold; } button { cursor: pointer; border: none; background-color: #2387c0; color: #fff; text-transform: uppercase; margin-top: 10px; height: 40px; line-height: 40px; padding: 0 20px; }