Boa tarde a todos,
No caso o meu browser é o chrome. Seguem os códigos: HTML:
<!DOCTYPE html>
<html lang="pt-br">
<stylesheet src="aula6_atv6_estilo.css">
<button id="botao-promocao">Promoções</button>
<ul class="promocoes">
<li>Bermuda de algodão</li>
<li>Sandália de borracha</li>
</ul>
<script src="jquery.js"></script>
<script type="text/javascript" src="aula6_atv6.js"> </script>
</html>
CSS:
.invisivel{ display: none; }
JS/jquery:
$('#botao-promocao').click(function() {
var promocoes = $('.promocoes'); if(promocoes.hasClass('invisivel')) {
promocoes.removeClass('invisivel');} else { promocoes.addClass('invisivel'); }
});
`
