fadeIn e fadeOut na linha clicada com toggle (jQuery)

[Wesley Souza_55848 0]

Fala pessoal, to raxando a cuca aqui, fiz uma tabela que quando o usuario clicar em Ver Detalhes da o fadeIn e se ele clicar da fadeOut, mas como já esperado ao clicar, abre todas "óbvio", o que teria que acrescentar ?

 

 $("tr.detalhesView").fadeOut(-1000);
		$('.detalhes').toggle(
		  function(){ $("tr.detalhesView").fadeIn(700) },
		  function(){ $("tr.detalhesView").fadeOut(100); }
		);   	
});

 

 

[William Bruno 1501]

aprenda a trabalha com o objeto this

http://wbruno.com.br/2011/06/21/afinal-e-javascript/

[Wesley Souza_55848 0]

aprenda a trabalha com o objeto this

http://wbruno.com.br/2011/06/21/afinal-e-javascript/

 

Eu já tinha lido essa sua postagém bruno, a propósito já li quase todas suas matérias, o problema é que eu não sei aonde devo acrescentar o $(this) e quais atributos usar :/

Já tentei de vários jeitos mas não consegui

[William Bruno 1501]

poste o teu html

[Wesley Souza_55848 0]

poste o teu html

 

<tbody>
	<? $pegaVenda = DB::getConn()->prepare("SELECT B.date_b, B.con_b, B.status_b, L.nome_log, L.sobrenome_log FROM com_b B INNER JOIN log_l L ON (B.id_vend_b = L.id_l) WHERE `id_b`=? ORDER BY date_b DESC");
	   $pegaVenda->execute(array($SessionID)); 
	     if($pegaVenda->rowCount() <= '0'):
	        echo '<tr><td colspan="3">Você não comprou nada ainda</td></tr>';
	
	     else:
	     while($exibeAll = $pegaVenda->fetch(PDO::FETCH_OBJ)):
	   ?>
		<tr class="lBottom">
			<td>
			 <?=date('d/m/Y', strtotime($exibeAll->date_b)); ?>
			</td>
			<td>
		     <?=$exibeAll->nome_log.' '.$exibeAll->sobrenome_log; ?>
			</td>
			<td>
			<a class="detalhes" href="javascript:void(0);">Ver detalhes</a>
			</td>			
		</tr>
		
		<tr class="detalhesView">
		    <td colspan="4">
		    <?=$exibeAll->con_b; ?>
			</td>
		</tr>
		<? endwhile; endif; ?>
</tbody>

[William Bruno 1501]

$("tr.detalhesView").fadeOut(-1000);

$('.detalhes').toggle(

function(){ $(this).parents('tr').next('tr').fadeIn(700) },

function(){ $(this).parents('tr').next('tr').fadeOut(100); }

);

[Wesley Souza_55848 0]

 

$("tr.detalhesView").fadeOut(-1000);
$('.detalhes').toggle(
	function(){ $(this).parents('tr').next('tr').fadeIn(700) },
	function(){ $(this).parents('tr').next('tr').fadeOut(100); }
);

 

-_- nossa bruno, muito obrigado, putz uma coisa tão fácil, eu errei no .next('tr') eu tava colocando .next('tr.detalhesView')

Deu tudo certo heh :)