Exibe Divs: Exibir DIV

Ocultando uma div com jQuery

Exibir DIV

Dados da Criança cadastrada

Data de Nascimento:

Alergias:

Nome do Médico:

Telefone do Médico:

Plano de Saúde:

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<br />
<br />
<br />
Ocultando uma div com jQuery<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript">
$(document).ready(function(){

$('#conteudo').hide();

$('a#exibir').click(function(){

$('#conteudo').show('slow');

});

$('a#ocultar').click(function(){

$('#conteudo').hide('slow');
})
return false;

});
</script><br />
<br />
<br />
<br />
<?php

include ("conn_db.php");

$query = mysql_query("select * from tb_crianca") or die("Erro na query".mysql_error());
$linha = mysql_num_rows($query);
if ($linha==0){
echo "Não foi retornado nenhum registro";
}
else{
while ($dados = mysql_fetch_array($query)){
?><br />
<br />
<style>
body {
font: 12px Verdana, Geneva, sans-serif;

}
#conteudo {
border:1px solid #CCCC33;
padding:10px;
margin-top:10px;
width:500px;
}
</style><br />
<a id="exibir" href="#">Exibir DIV</a><br />
<div id="conteudo"><p><b>Dados da Criança cadastrada</b></p><p>Data de Nascimento: <?php echo $dados["dt_nasc_crianca"]; ?></?php></p><p>Alergias: <?php echo $dados["alergias"]; ?></?php></p><p>Nome do Médico: <?php echo $dados["medico"]; ?></?php></p><p>Telefone do Médico: <?php echo $dados["tel_medico"]; ?></?php></p><p>Plano de Saúde: <?php echo $dados["plano_saude"]; ?></?php></p><p><a href="#" id="ocultar">Ocultar Dados</a></p></div><p /><?php
}}
?><br />
</?php
}}
?></p></?php

include><br />
</!doctype><br />
<br />
<br />
<br />

Exibe Divs

menu blog

sexta-feira, 25 de novembro de 2011

Exibir DIV

Nenhum comentário:

Postar um comentário

Seguidores

Arquivo do blog

Quem sou eu