Ir para conteúdo

POWERED BY:

Arquivado

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

leooizepi

[Resolvido] jQuery show() e hide()

Recommended Posts

galera..

 

em uma tabela tenho os registro de Cursos, onde esses cursos possui uma turma, entao na minnha tabela só aparece os cursos e as pessoas da turma fica escondido, quero que quando ele clicar numa imagem de +, aparecer a turma referente a esse curso, meu codigo esta assim:

 

tabela...

<tr>
    <td align="center">
        <img src="mais.png" class="img_abrir_turma" />
    </td>
    <td>NOME DO CURSO</td>
</tr>                    
<tr class="tr_turma">
    <td>
        <table width="100%" align="center" >
            <tr>
                <td>RG</td>
                <td>CPF</td>
                <td>NOME DA PESSOA</td>
            </tr>
            <tr>
                <td>111111111</td>
                <td>222222222</td>
                <td>JOSE DA SILVA</td>                                    
            </tr>
            <tr>
                <td>33333333</td>
                <td>444444444</td>
                <td>JOAO</td>                                    
            </tr>								
            <tr>
                <td>5555555</td>
                <td>666666666</td>
                <td>MARIA</td>                                    
            </tr>
        </table>
    </td>                            
</tr>
<tr>
    <td align="center">
        <img src="mais.png" class="img_abrir_turma" />
    </td>
    <td>NOME DO CURSO 2</td>
</tr>                    
<tr class="tr_turma">
    <td>
        <table width="100%" align="center" >
            <tr>
                <td>RG</td>
                <td>CPF</td>
                <td>NOME DA PESSOA</td>
            </tr>
            <tr>
                <td>111111111</td>
                <td>222222222</td>
                <td>JOSE DA SILVA</td>                                    
            </tr>
            <tr>
                <td>33333333</td>
                <td>444444444</td>
                <td>JOAO</td>                                    
            </tr>								
            <tr>
                <td>5555555</td>
                <td>666666666</td>
                <td>MARIA</td>                                    
            </tr>
        </table>
    </td>                            
</tr>

e tenho meu js assim, onde vai esconder todas as tr q forem '.tr_turma', e que quando eu clicar na imagem de mais aparecer a turma..

  ...
  $('.tr_turma').hide();
  $('.img_abrir_turma').click(function(){
     //aki esta o problema. hehe
  })
  ...

 

entenderam?

 

valeu!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

aeee galera.. consegui resolver...

 

     $(this).parents('tr').next('.tr_turma').toggle().siblings('.tr_turma').hide()

valeu!!

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.