Mostrar esconder tabelas dentro da tr clicada
John-Henrique
preciso que quando clicar em uma tr seja exibido/escondido a tabela
que está dentro da tr clicada.
O máximo que cheguei foi isso
$( 'table tbody tr' ).click( function()
{
$( 'table table tr' ).toggle();
})
Mas isso ai mostra/esconde todas as tabelas (clicadas ou não)
Luiz Tiago Oliveira
{
})
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.
--
Luiz Tiago Oliveira
Instrutor iMedia Brasil | Front-End Engineer | Gerente de Projetos
www.luiztiago.com | luiz...@luiztiago.com
::. Eris .::
$( this ).toggle();
Atenciosamente,
Erismar B. Vieira
Desenvolvedor Web
PHP - ASP - ASP.NET - C# - AS 2.0 - CSS 2.0 - ADOBE CS4 STUDIO - MYSQL - SQL
- JS - JQuery
PlugWeb
Evite imprimir. Colabore com o Meio Ambiente.
-----Mensagem original-----
De: jque...@googlegroups.com [mailto:jque...@googlegroups.com] Em nome
de John-Henrique
Enviada em: sexta-feira, 2 de julho de 2010 21:50
Para: jQuery (Brasil)
Assunto: [jquery-br] Mostrar esconder tabelas dentro da tr clicada
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
(Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para
jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em
http://groups.google.com/group/jquery-br?hl=pt-BR.
__________ Informação do ESET NOD32 Antivirus, versão da vacina 5247
(20100702) __________
A mensagem foi verificada pelo ESET NOD32 Antivirus.
__________ Informação do ESET NOD32 Antivirus, versão da vacina 5247
(20100702) __________
A mensagem foi verificada pelo ESET NOD32 Antivirus.
Washington Botelho
Se você usar somente o $(this), toda sua linha vai sumir e não fará mais o toogle.
Você precisa de mapear o conteúdo das suas tds filhas da trs clicadas e as tables filhas das tds assim:
<tr style="background-color: #DDD;">
<td height="20px" width="100px">
<table>
<tr>
<td>Tabela 1-1</td>
</tr>
</table>
</td>
<td height="20px" width="100px">
<table>
<tr>
<td>Tabela 1-2</td>
</tr>
</table>
</td>
</tr>
<tr style="background-color: #DDD;">
<td height="20px" width="100px">
<table>
<tr>
<td>Tabela 2-1</td>
</tr>
</table>
</td>
<td height="20px" width="100px">
<table>
<tr>
<td>Tabela 2-2</td>
</tr>
</table>
</td>
</tr>
</table>
<script>
$('table#tabela-principal tbody tr').live('click', function() {
$(this).children('td').children('table').toggle();
});
</script>
--
@wbotelhos
Washington Botelho dos Santos {
http://wbotelhos.com;
}
John-Henrique
vez ai não dá pra clicar novamente pra mostrar ela. Preciso que
somente a tabela dentro da TR seja escondida, deixa eu ver se consigo
exemplificar.
Veja este exemplo http://jsbin.com/efifa4
gustavo pereira
--------------------------------------------------------------------------------------------------------------------------
Gustavo Pereira
+55(13) 91116875
E-mail: gustavoper(a)gmail.com
Juarez Gonçalves Nery Junior
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.
Washington Botelho
Inclusive te expliquei o porque não fazer da forma do Eris para não acontecer isso e fazer do jeito que te passei.
John-Henrique
Eu estava respondendo ao @ ERIS, no momento em que respondi a
interação anterior não apareciam nenhuma interação de mais ninguém,
mas, vi agora que o modo que você publicou funciona mas precisa do
live em adicional, já o método do @ JUAREZ fez a mesma coisa sem
precisar de adicional.
Valeu a todos.