Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Johnison Almeida

efeito taggle

Recommended Posts

$("#selecionar").hide();
	$("#bt_painel").click(function() {
		$("#buscar").slideToggle().hide();
		$("#buscar").hide();
		$("#bt_painel p span").html("Busca simples");					
		$( "#selecionar" ).slideToggle();
});

Estou aprendendo javaScript, fiz esse código para quando clicar no span a div buscar ocultar e a selecionar aparecer e texto do span trocar esta, funcionando agora não sei como fazer para quando clicar no span voltar ao estado inicial. Alguém?

obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você está apenas dando hide() no buscar... tambem não entendi porque chamar duas vezes... Mas, tem o método .toogle(), que alterna a visibilidade do elemento.

Joga seu código (junto com o html/css) no jsFiddle pra ficar mais fácil de entender o efeito desejado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

já me ajudou bastante Rafael, obrigado , tirei o hide() e funcionou.
agora eu só o span que eu quero que troque para busca sim avançada quando eu clicar em busca semples

hmtl

<div id="buscar">
   <form>
        <input type="text" placeholder="Digite aqui o imóvel que procura. Ex. Sobrado em Vitória da Conquista ou Apartamento " />
        <input  name="buscar" type="submit" value="Buscar" />
   </form>
</div>
<div id="selecionar">
   <form>
      <fieldset>
          <select name="">
              <option value="">Cidade</option>
          </select>
          <select name="">
              <option value="">Transação</option>
          </select>	
       </fieldset>      
    </form>   
</div>
<div id="bt_painel">
    <p>
      <i class="icon-search"></i>
      <span>Busca Avançada</span>
    </p>
</div>

script

$("#selecionar").hide();
$("#bt_painel").click(function() {
	$("#buscar").slideToggle();
	$("#bt_painel p span").html("Busca simples");					
	$( "#selecionar" ).slideToggle();
});

desde já obigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Substitua:

$("#bt_painel p span").html("Busca simples")	

Por:

if( $('#bt_painel p span' ).text() == 'Busca Avançada') {
  $( '#bt_painel p span' ).text('Busca simples');
} else {
  $( '#bt_painel p span' ).text('Busca Avançada');	
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.