acionar div posterior

103 views
Skip to first unread message

Thiago Santos

unread,
Mar 14, 2013, 8:39:36 AM3/14/13
to jquery-br
Pessoal, bom dia.

Qual a melhor forma de enviar uma ação a um conteúdo que está após a div pai do botão?

Ex: tenho um botao na div#pai e quero dar um slideToggle na primeira div (div#tio) após a div#pai


Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________

Tiago Celestino

unread,
Mar 14, 2013, 9:22:01 AM3/14/13
to jque...@googlegroups.com
Existem várias formas de fazer, eu acho mais prático essa: http://jsfiddle.net/tcelestino/FjbPk/

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

Thiago Santos

unread,
Mar 14, 2013, 9:50:45 AM3/14/13
to jquery-br
Compreendi @Tiago.

Ocorre que tentei simular aqui no meu HTML porém o que ocorre é que essa div#pai (que na verdade seria div.pai) e div#tio (que na verdade seria div.tio) elas se repetem uma após a outra.

A situação é que é uma série de perguntas com SIM | NÃO, onde se escolhe sim, informações complementarem aparecem, se não esse conteudo n é exibido... é uma situação quase de acordion.

Continuarei trabalhando aqui com base na sua sugetão brother!

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________


2013/3/14 Tiago Celestino <tcele...@gmail.com>

tcele...@gmail.com

unread,
Mar 14, 2013, 10:02:29 AM3/14/13
to jque...@googlegroups.com

@Tiago


Então man, você pode fazer melhor. Englobar as respostas em uma div, que podemos considerar com avô e assim pegar as divs que são netas dela. Sacou?


Mais ou menos assim: ht tp://jsfiddle.net/tcelestino/FjbPk/5/


Como o contexto da ação vai tá atrelada ao botão, então vai conseguir recuperar os objetos parentes dele.


Tiago Celestino
Sent with Airmail

Renan Couto

unread,
Mar 14, 2013, 10:00:41 AM3/14/13
to jque...@googlegroups.com
Já tentou usar o next()? http://api.jquery.com/next/
Renan Couto

Neto Neto

unread,
Mar 14, 2013, 10:32:34 AM3/14/13
to jque...@googlegroups.com
Outa forma (utilizando o parent e o next):
Demo: http://jsbin.com/aqubay/1

Neto - Web developer
+55 81-9916.1778

Rafael Sirotheau

unread,
Mar 14, 2013, 10:42:26 AM3/14/13
to jquery-br
Compilei alguns exemplos usandos funcoes pra seleção de ancestral, pai, filho, proximo, descendente, etc...

funcoes utilizadas: [ .closest(), .parent(), .children(), .find(), .siblings() e .next() ]

http://jsfiddle.net/rafasirotheau/3RXUh/5/

Da uma lida na doc do jquery sobre essas funções e faça as combinações que precisas pro teu projeto



2013/3/14 Neto Neto <sputin...@gmail.com>



--
Rafael Sirotheau
@rafasirotheau
/rafasirotheau

Front-end Web Developer
[53] 8122 5166

Thiago Santos

unread,
Mar 15, 2013, 7:18:37 AM3/15/13
to jquery-br
Pessoal, o on('click') ele não deixa o input[type=radio] ser selecionado não é? Como fazer para que ao clicar no radio, ele seja selecionado (checked)?

Estou trabalhando em cima da sugestão de @TiagoCelestino onde até então tudo funciona bem, porém o radio não seleciona


@Neto, achei sua solução bem simples e estou tentando fazer algo utilizando-a. Valeu!

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________


2013/3/14 Rafael Sirotheau <rsiro...@gmail.com>

Michel Felipe

unread,
Mar 15, 2013, 8:18:52 AM3/15/13
to jque...@googlegroups.com
+Thiago, tente retirar o evt.preventDefault( ); pois este método cancela a ação padrão do radio que é marcar ao clicar. Modifique também o atributo "name" de cada radio, por que ao selecionar os radios "filhos" o radio pai  está sendo desmarcado.

Espero ter ajudado :D


2013/3/15 Thiago Santos <tig...@gmail.com>



--
Atenciosamente


Analista de Sistemas
Politec - Prodeb

PHP / Zend Framework / CakePHP / Java Desktop / JavascriptMVC / EXTJS / JQuery / PostGres/ MySQL

www.vidacriativa.com.br

Tiago Agostinho

unread,
Mar 15, 2013, 7:35:26 AM3/15/13
to jque...@googlegroups.com
Uma primeira coisa a ser feita é separar os blocos de input radio.

Todos estão com o mesmo nome, dessa forma somente 1 ficará selecionado.


Tiago

2013/3/15 Thiago Santos <tig...@gmail.com>

Thiago Santos

unread,
Mar 15, 2013, 1:50:14 PM3/15/13
to jquery-br
engraçado, como cada bloco de "respostas" precisa ter um NAME diferente, o esquema passa a dar problema, o primeiro click no "não" não funciona!

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________


2013/3/15 Tiago Agostinho <tiago.a...@gmail.com>

Rafael Sirotheau

unread,
Mar 15, 2013, 2:19:05 PM3/15/13
to jquery-br

NAMEs em radio buttons, servem pra definir grupos de opções. Por isso, pra
cada grupo de opções, os nomes tem q ser diferentes.


Evite utilizar [atributo=nome_atributo] como seletor, por questoes de performance e pra evitar problemas futuros. Ao inves disso, se queres que algum elemento possua uma funcionalidade especifica, defina uma classe, e utilize ela como seletor no jQuery.

Thiago Santos

unread,
Mar 15, 2013, 3:56:24 PM3/15/13
to jquery-br
Utilizei a classe e o problema persistiu. Retornei o preventDefault() e funcionou blz, porém com o problema de não deixar marcado o input radio escolhido!

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________


--

Thiago Santos

unread,
Mar 15, 2013, 3:56:50 PM3/15/13
to jquery-br

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________


Tiago Agostinho

unread,
Mar 15, 2013, 7:10:24 PM3/15/13
to jque...@googlegroups.com
Meu caro Thiago, veja se isto te ajuda.


Tiago
www.linhadecomando.com

2013/3/15 Thiago Santos <tig...@gmail.com>
Reply all
Reply to author
Forward
0 new messages