0

tô com um pequeno probleminha que não sei como resolver, tenho uma div, que ao clicar nela ele adiciona algo com load(), e fica alternando esse evento com o toggle(), para adicionar e retirar também, só que quando eu dou o primeiro click ele não exibe de imediato, somente quando eu clico uma segunda vez, aí ele passa a executar normalmente o evento click, segue o código:

$('.more .ico').click(function(){
    $('.more .toggle').toggle( 50, function(){
        $(this).load("frames/menu-drop.php");
    });
});
<div class="more">
    <div class="ico"></div>
    <div class="toggle"></div>
</div>

Quando clicar no ico, era pra aplicar o load() na .toggle

Eu entendo o porque de ocorrer isso, mas não sei uma forma de solucionar, e caso alguém sugira usar o on('click') já tentei também.

9
  • Como está o HTML? Talvez o problema esteja na estrutura.
    – Meu ovo
    6/08/2018 às 20:21
  • Já tentou com .trigger('click', function(){}); 7/08/2018 às 12:57
  • 1
    coloca um exemplo deste comportamento no jsfiddler ou codepen
    – RBoschini
    7/08/2018 às 12:58
  • Vou tentar agora o trigger 7/08/2018 às 12:59
  • Com o trigger ele não está funcionando... Não executa a ação e no console não aparece nenhum erro 7/08/2018 às 13:04

1 Resposta 1

0

O problema que o toggle está "escondendo" sua div no primeiro click porque ele está visível. Usar toggle pode causar um estado indesejado. Tente usar o show() ou fadeIn() no lugar de toggle. Não faz sentido chamar o load quando você está escondendo a div. Para iniciar a div escondida defina o visible: hidden no atributo da classe css .toggle ou direto no atributo style

1
  • Cara o toggle eu usei para poder ficar alternando o efeito, quando clicar carrega o$(this).load("frames/menu-drop.php"); dentro da div toggle. e ao clicar novamente ele esconde. mas com o Show, dá certo para mostrar. 7/08/2018 às 17:21

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 .