DETALHAR ABRINDO TUDO NO WHILE

[Vlinks 0]

Olá, realmente não sei que faço eu criei em meu site a opção detalhar onde ao clicar ele aplica o efeito de mostra/esconder em cada produto, mas como eu chamei os produtos da base de dados pelo while ao clicar em detalhar ele abre todas as caixas de detalhar de todos os produtos!

preciso saber como que ao clicar mostre somente o produto em que cliquei...

//SCRIPT
<script>
		$(document).ready(function() {
			$(".detalha_esconde").hide();
			$(".detalhar_produto").click(function(){
				$(".detalha_esconde").slideToggle("fast");
				return false;
			});
		});
	</script>
//html/php
	require 'layout.php';
	require "Conexao.php";
	$sql = "SELECT * FROM produto";

	$resultado = mysqli_query($cnx, $sql);

	?>
	<div class="conteudo_box" class="wrapper">
			<?php
					while($linha = mysqli_fetch_array($resultado, MYSQLI_BOTH)){
					$id = $linha["id_produto"];
			?>


			<div class='coluna_lanches'>
			<?php
					echo "<img src='../lanche/foto/" . $linha["nome_imagem"] . "' height='80' width='80'>" . "<br>";
					echo $linha["Nome_produto"] . "<br>";
					echo 'R$ ' . number_format($linha["Preco_produto"], 2, ',', '.'); // retorna R$100.000,50
	
			?>
					
					<div class="detalhar_produto">
					<?php echo "Detalhar";?>
					<div class="detalha_esconde">
						<p><?php echo $linha["descricao"] . "</br>"; ?></p>
					</div>
					</div>

					<a class='linkmenu' <?php echo "href='acrescimo.php?id=$id&acao=add'>";?> 
					<div class="comecar_pedido">
					<?php echo "Colocar no Carrinho";?>
					</div></a>
					
	</div>
	<?php } ?>
	</div>

 

[Gleyson Abreu 49]

Você deveria implementar um ID e recuperar esse id para abrir somente onde foi clicado;

Ex:

Você trocaria a divs:

<div class="detalhar_produto">

<div class="detalha_esconde">

por

<div class="detalhar_produto" data="<php echo $id; ?>">

<div class="detalha_esconde<php echo $id; ?>">

No javascript troque isso

$(".detalhar_produto").click(function(){
				$(".detalha_esconde").slideToggle("fast");
				return false;
			});

por

$(".detalhar_produto").click(function(){
				var id = $(this).attr('data');
					$(".detalha_esconde"+id).slideToggle("fast");
				return false;
			});

Mais ou menos isso ai....

[Vlinks 0]

22 minutos atrás, Gleyson Abreu disse:

Você deveria implementar um ID e recuperar esse id para abrir somente onde foi clicado;

Ex:

Você trocaria a divs:

<div class="detalhar_produto">

<div class="detalha_esconde">

por

<div class="detalhar_produto" data="<php echo $id; ?>">

<div class="detalha_esconde<php echo $id; ?>">

No javascript troque isso

$(".detalhar_produto").click(function(){
				$(".detalha_esconde").slideToggle("fast");
				return false;
			});

por

$(".detalhar_produto").click(function(){
				var id = $(this).attr('data');
					$(".detalha_esconde"+id).slideToggle("fast");
				return false;
			});

Mais ou menos isso ai....

Fiz do jeito que você deixou mas o css esta como .detalha_esconde e não recebe o id (já que ele está com o "overflow:hidden;" tem alguma maneira de implementar ele no arquivo .css?

[Gleyson Abreu 49]

Uma maneira seria adicionar na div acionar uma #id;

Troca

<div class="detalha_esconde">

por

<div class="detalha_esconde" id="detalha_esconde<php echo $id; ?>">

E trocaria o js por isso

$(".detalhar_produto").click(function(){
				var id = $(this).attr('data');
					$("#detalha_esconde"+id).slideToggle("fast");
				return false;
			});

 

[Vlinks 0]

1 hora atrás, Gleyson Abreu disse:

Uma maneira seria adicionar na div acionar uma #id;

Troca

<div class="detalha_esconde">

por

<div class="detalha_esconde" id="detalha_esconde<php echo $id; ?>">

E trocaria o js por isso

$(".detalhar_produto").click(function(){
				var id = $(this).attr('data');
					$("#detalha_esconde"+id).slideToggle("fast");
				return false;
			});

 

Perfeito! muito obrigado