1

A função que eu criei em Jquery, não está sendo chamada no 1º click, só é acionada no 2º. Estou usando asp.net, C#, preciso que o componente panel inicie oculto, com isso, ao clicar na tag p ele aparecer e assim chamar o metodo toggle() toda vez que clicar nela. Meu código é este:

<script type="text/javascript">
    $(document).ready(function () {
        $("#pnlSalas").css('visibility', 'hidden');
        $('.a').click(function () {
            $("#pnlSalas").toggle();
            $("#pnlSalas").css('visibility', 'visible');
        });
    });
</script>
3
  • Tentou usar o metodo on() ? 27/05/2015 às 20:51
  • Tentei e dá na mesma .. :(
    – AndreeH
    27/05/2015 às 20:55
  • @renan estou usando painel do asp.net, coloquei só pra saberem com o que estou mexendo.
    – AndreeH
    27/05/2015 às 20:56

1 Resposta 1

4

O problema é que quando usas

$(document).ready(function () {
    $("#pnlSalas").css('visibility', 'hidden');

aos olhos do jQuery esse elemento não está escondido.

Aí quando fazes .toggle() no primeiro click ele esconde, ou seja fica com style="visibility: visible; display: none;". Portanto ele esconde apesar de não estar visivel ao utilizador desde inicio.

Na prática podes simplificar para isto:

$(document).ready(function () {
    $("#pnlSalas").toggle();
    $('.a').click(function () {
        $("#pnlSalas").toggle();
    });
});

Exemplo: http://jsfiddle.net/hrLL6dmL/

4
  • 1
    funcionou, obrigado.
    – AndreeH
    27/05/2015 às 20:58
  • @AndreeH se quiseres podes marcar a resposta como aceite.Reparei que tens muitas perguntas que não estão aceites.
    – Sergio
    29/05/2015 às 19:23
  • eu consegui com este trecho de código mesmo $(document).ready(function () { $("#pnlSalas").toggle(); $('.a').click(function () { $("#pnlSalas").toggle(); }); });
    – AndreeH
    29/05/2015 às 19:27
  • @AndreeH meta.pt.stackoverflow.com/q/1078/129
    – Sergio
    29/05/2015 às 19:28

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 .