Olá, estou tentando fazer para que quando o botão seja clicado, altere a visibilidade de uma div e o icone mude.
Se eu remover a parte que remete aos icones, a visibilidade é alterada normalmente, porém, com o código inteiro, nada acontece.
funções:
function changeVisibility() {
var display = document.getElementById("showup").style.display;
if (document.getElementById("icon").classList.contains('fa fa-angle-down')){
document.getElementById("icon").classList.toggle('fa fa-angle-up')
}else if (document.getElementById("icon").classList.contains('fa fa-angle-up')){
document.getElementById("icon").classList.toggle('fa fa-angle-down')
}
if(display == "none"){
document.getElementById("showup").style.display = 'block';
}else{
document.getElementById("showup").style.display = 'none';
}
}
button:
<button onclick = "changeVisibility()" class = "btn btn-success btn-md">
<span id = "icon" class = "fa fa-angle-down"></span>
</button>
div que tem visibilidade alterada:
<div id = "showup" class = "form-row" style = "display: none">
Code
</div>
Agradeço desde já!