Boa Tarde!
Seguinte, tenho uma div.minhaDiv
com um height: 580px;
e quero que ao clicar em um button
o height dessa div.minhaDiv
aumente para 1600px
.
Quando ela estiver com height: 1600px
quero que ao clicar no mesmo button
o height volte para 580px
;
Segue HTML
<div class="minhaDiv">
...
</div>
<button onclick="verMais();" class="botao">Ver mais</button>
Javascript
var altura = document.querySelector(".minhaDiv");
function verMais(){
if(altura.style.height <= "580px"){
altura.style.height = "1600px";
document.querySelector(".botao").innerHTML = "Ver menos";
}else{
altura.style.height = "580px";
document.querySelector(".botao").innerHTML = "Ver mais";
}
}
Alguem sabe me dizer onde estou errando? Muito obrigado pessoal, e com certeza é algo muito basico, estou aprendendo javascript, valeu!