Tenho um botão no meu projeto, o qual a função é fazer aparecer uma div que está como display none, porém a função só é executada a partir do segundo clique no botão, no primeiro clique apenas seleciona o botão. Alguém saberia me informar o que estou fazendo errado?
Segue prints:
Tela:
Botão:
Primeiro clique: (Botão selecionado)
Segundo clique: (Div aparece)
Código:
HTML:
<button class="btn botaoGlobalLeft" ng-click="$ctrl.intermediacao()">
<span class="glyphicon glyphicon-menu-down"></span> Intermediação</button>
<div class="elemento form-group row" id="intermediacao">
<div class="row">
<div class="col-sm-2">
<label for="apelido2">Apelido</label>
<input type="text" title="Informe o apelido" id="apelido2" class="form-control inputEstoque">
</div>
</div>
CSS:
#informacoes{
display: none;
}
JS (Angular):
intermediacao() {
const display = document.getElementById("intermediacao").style.display;
if (display == "none") {
document.getElementById("intermediacao").style.display = 'block';
} else {
document.getElementById("intermediacao").style.display = 'none';
}
}
{}
para formatar seu código. A imagem do código atrapalha muito para quem for responder.Angular