[Resolvido] abrir e fechar ao clicar em uma frase

[gremio10 14]

sei que é estranho o titulo , mas nao sei o nome dessa função.

 

mas queria fazer com que , tiipo , eu tenho uma frase , que qndo eu clicar nela , abre respostas . e quando eu clicar denovo , ele fecha e volta a ser apenas a frase.

 

Qualquer ajuda eh bem vinda

 

Vlw

[Caio Tarifa 0]

Olá gremio10,

 

Não conheço um nome específico para esta função, mas fiz um exemplo para você.

 

Javascript:

function Exibe(elemento) {
  var $exibe = document.getElementById(elemento);
  if ($exibe.style.display == "none") {
    $exibe.style.display = "inline";
  } else {
    $exibe.style.display = "none";
  }
}

Exemplo de utilização no HTML:

<div onclick="Exibe('span_frase1')">
      Lorem ipsum dolor sit amet, consectetur <span id="span_frase1" style="display: none;">adipiscing elit. In massa massa, aliquam ut rhoncus sit amet, suscipit et odio. Ut feugiat dui sit amet nisl congue et euismod nulla posuere. Sed laoreet semper ligula, quis gravida lorem placerat accumsan. Nulla non eleifend enim. Nullam a massa orci. Quisque at justo quis libero malesuada luctus in vel ante. Nullam eget nisl eget leo posuere pellentesque quis at metus. Nulla dapibus, risus sit amet rutrum ultrices, dui nunc venenatis risus, rhoncus volutpat nulla augue et risus. Aliquam erat volutpat. Duis adipiscing lacinia felis, vitae ornare sem faucibus sed. Sed sit amet lobortis nisi. Nullam eget neque orci, et porttitor urna. Integer nibh lacus, imperdiet nec sagittis accumsan, dictum non velit. Quisque a pulvinar arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec facilisis volutpat iaculis. Morbi nec semper nibh.</span>
</div>

Espero que ajude. Bons estudos!

[gremio10 14]

Caio , funciona direitinho , mas queria implementar esse codigo em um codigo meu , sera que voce poderia me ajudar?

 

<?php
$busca = mysql_query("SELECT * FROM pedido WHERE id_cadastro = '$codigo'");
while ($reg = mysql_fetch_array($busca)){
	$id = $reg["codigo"];
	$pedido = $reg["pedido"];
	
	$resposta = mysql_query("SELECT * FROM resposta WHERE id_pedido = '$id'");
	$linha = mysql_num_rows($resposta);
	echo $pedido." ($linha)br>";
	
		while ($reg = mysql_fetch_array($resposta)){
			$resp = $reg["resposta"];			
			echo " - ".$resp."<br>";
		}
}
?>

Obrigado

[Caio Tarifa 0]

Olá gremio10,

 

Não é difícil, tente primeiro.

[Eliseu M. 2]

Utilize jQuery, em poucas linhas você resolve isso, e ainda com efeito:

 

$(document).ready(function() {
	$(".frase").click(function() {
		$(this).children(".resposta").toggle();
	});
});

(por default, deixe todos os elementos de resposta em display:none)

Para implementar no seu código, você terá que imprimir as frases dentro de elementos com a classe frase e todas as respostas com a classe resposta, ou quaisquer outras que forem mais convenientes. Além disso, o elemento de resposta deverá ser filho do elemento de frase, deste modo:

 

<div class="frase">Oh my godness o.O
	<div class="resposta">Lalala</div>
</div>

Prontchu, it's done!

 

// Editing... o efeito é feito com slideToggle, eu fiz aqui uma página com ele, mas esqueci de atualizar no post :S

 

$(document).ready(function() {
        $(".frase").click(function() {
                $(this).children(".resposta").slideToggle();
        });
});

*Não esqueça de adicionar o jQuery à sua página:

 

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

[gremio10 14]

Brigadão Eliseu , consegui implementar do jeito que queria , obrigado a todos que audaram ai .