"click to hide"
Bootstrap 3.2.0 Snippet by niranjankmr707

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto:300,400,500,700" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script> <div class="container-fluid cookies1"> <div class="container"> <span>This website uses cookies for analysing, personalisation and advertising. By agreeing to browse the site, you agree to our use of cookies.</span> <a href="/cookies"> Read more!</a> <span class="pull-right"><a href="#" class="close-div"><i class="fa fa-times-circle-o " aria-hidden="true"></i></a> </span> </div> </div>
/*cookies*/ .cookies1 { background-color:#03074f; padding:10px; color:#fff;} .cookies1 a, .cookies1 a:hover { color:#ffc905; font-weight:600;font-size:14px;} .close-div i {font-size:18px;}
$('.close-div').click(function () { $(".cookies1").hide(); });

Related: See More


Questions / Comments: