JSFiddle - React, Tailwind, and code Playground
HTML
<div class="panel">
<h2>Noticia teste</h2><br /><br />
<button id="hide">Não exibir mais</button>
</div>
CSS
*{
outline: none;
}
.panel{
background: #333;
padding: 20px;
color: #fff;
font: 13px 'Trebuchet MS', Arial, sans-serif;
box-shadow: #000 1px 1px 3px;
}
button{
background-color: #428BCA;
border:1px solid #428BCA;
color: #fff;
padding: 7px 15px;
cursor: pointer;
}
JavaScript
$(document).ready(function(){
$("#hide").click(function(){
$('.panel').attr('style','display:none');
});
});