0

HTML do textarea com o botão para abrir:

<input type="button" name="abrir" class="botao">
<div id="comentario" style="display:none">
<textarea id="Observacao" name="Observacao" style="color: black;"></textarea>
</div>

Para abrir o botão estou a usar o seguinte script:

$('input[name=abrir]').mousedown(function(e){ 
    e.preventDefault();
    if( e.button != 1 ) { 
      $('#comentario').show();
    }
    return false;
  }); 

Mas pretendia que ao clicar novamente no botão voltasse a fechar.

1 Resposta 1

3

No lugar do .show utilize o .toggle,

Ve documentação aqui

veja o exemplo:

$('input[name=abrir]').mousedown(function(e) {
  e.preventDefault();
  if (e.button != 1) {
    $('#comentario').toggle();
  }
  return false;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" name="abrir" value='Abrir / Fechar' class="botao">
<div id="comentario" style="display:none">
  <textarea id="Observacao" name="Observacao" style="color: black;"></textarea>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .