MOSTRA e ESCONDE <div> dentro na tabela

[Eduardo Villa 2]

Olá galera...

Tenho uma tabela dinâmica com PHP e preciso colocar uma div depois do último </TR>, então ficaria assim:

<table>

<?php WHILE { ?>

<tr>

<td><a href='#'>Mostra Detalhes</a></td>

</tr>

<div id=\"detalhes\">

<tr>

<td> Teste </td>

</tr>

</div>

<?php } ?>

<table>

 

EXPLICAÇÃO RÁPIDA:

Quando o link ("Mostra Detalhes") for precionado, mostra a <DIV> e se outro link for ativado o que está aberto fecha e este último evento mostra a <DIV>

 

Tenho este código que funciona com LISTA, mas não consegui adaptá-lo (quero fazer o mesmo efeito)...

<script>

$(function(){

$("li ul").hide();

 

$("ul li a").click(function(){

$("li ul").slideUp();

$(this).next().slideToggle('normal');

$("#teste").slideDown('normal');

})

})

</script>

[William Bruno 1501]

Não tem nada de AJAX nessa tua dúvida. Vou mover para JS/FW

 

Veja, você só precisa pegar os links.. (tag a), e apartir dele, achar o proximo elemento DIV, use o seletor .next('div')

 

Não tente adaptar esse script das listas, comece um outro. Comece fazendo o simples, com display, e só depois parta para o toggle com slide.

[Eduardo Villa 2]

Desculpe Willian Bruno, mas na vídeo aula o rapaz falou que usava AJAX...

 

HTML:

  <td class=dados><a href=\"#\">".$agendamento['campanha']."</a></td>
</tr>
<div id='detalhes'>
  <tr>
    <td colspan='6'>Teste".$agendamento['id']."</td>
  </tr>
</div>";

JavaScript:

<script>
$(function(){
  $("#detalhes").hide();

  $("a").click(function(){
    $("#detalhes").slideUp('fast');
    $(this).next("#detalhes").slideToggle('fast');
  })
})
</script>

$("#detalhes").hide(); - não oculta a div, resumindo não funciona

[William Bruno 1501]

você importou a biblioteca jQuery ?

 

esse trecho de HTML está num loop ? você não deve repetir IDs numa mesma página.

Até ai, não tem nada de AJAX.

 

leia AJAX como: 'requisições ao servidor, usando Javascript e XML'

 

faça como eu sugeri, e veja os seletores jQuery(framework de javascript, que você está usando aparentemente)

http://api.jquery.com/next/

[Eduardo Villa 2]

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

se eu colocar <DIV> depois da tag </TABLE>

$("#detalhes").hide(); - oculta a div

 

mas não funciona o link que está dentro do <TD></TD>...

[Eduardo Villa 2]

acho que vou voltar a utilizar este meu antigo código...

 

<script> 
	function abreDiv(obj){	
		var div;
		div = obj;
		
		if (document.getElementById(div).style.display == "none")
			document.getElementById(div).style.display = "block";
		else
			document.getElementById(div).style.display = "none";
	}
</script>