Denuncie Favoritos Indicar

Clicar em um ítem e aparecer texto abaixo.

1. Clicar em um ítem e aparecer texto abaixo.

stack_of
(usa Slackware)

Enviado em 31/12/2010 - 15:21h

Existe algum código que oculte o texto e ao clicar em um ítem de menu, o texto aparece?

0 0

Quote

2. Re: Clicar em um ítem e aparecer texto abaixo.

EnzoFerber
(usa FreeBSD)

Enviado em 11/03/2011 - 10:15h

Cara, você pode usar jQuery e CSS.

Fica assim:

<html>
<head>
<style type="text/css">
p.neat {
display: none;
clear: both;
margin: 1em 0;
padding: 1em 15px;
width:100px;
background: #0F67A1;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function () {
$('#animate-fade').click(function () {
$('.neat').animate({ opacity : 'toggle' }, 'slow');
});

$('#animate-slide').click(function () {
$('.neat').slideToggle('slow');
});

$('#animate-both').click(function () {
$('.neat').animate({
opacity: 'toggle',
height: 'toggle'
});
});
});

</script>

</head>
<title>Fade com jQuery</title>
<body>
<input type="button" id="animate-slide" value="slide" />
<input type="button" id="animate-fade" value="fade" />
<input type="button" id="animate-both" value="both" />

<p class="neat">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>

</body>
</html>

Espero ter ajudado,
Enzo Ferber
[]'s

P.S.: Qualquer coisa posta denovo.

0 0

Quote

3. Re: Clicar em um ítem e aparecer texto abaixo.

EnzoFerber
(usa FreeBSD)

Enviado em 11/03/2011 - 10:17h

Ah! Esqueci de dizer,
pra usar a jquery você tem que baixar ela:

http://code.jquery.com/jquery-1.5.1.min.js

Ai você salva o arquivo, e na linha de incluir ele no HTML você coloca o caminho de onde você salvou ele...
Se você quiser, acho que dá pra incluir inclusive a http direto, mais você vai precisar de internet pra poder usar =D

Abraços!

1 0

Quote