Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

~Thiago Lara

sobre display block e none

Recommended Posts

Na verdade não sei se é javascript, ou CSS.. porém eu tenho uma camada expansível neste site:

 

http://www.cinegloria.com/locadora/?pagina...p;cd_filme=2021

 

 

Logo abaixo da descriçao do filme, eu tenho a parte de comentários tem como eu aumentar e diminuir ela clicando, gostaria dela iniciar fechada e ao clicar abrisse.. alguém tem idéia de como eu possa fazer?

 

o código javascript é:

 

 

<script type="text/javascript" src="../scripts/mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
	var mySlide = new Fx.Slide('section');
	
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
});
 


</script>

O CSS:

 

<style type="text/css">
body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
}
div.container{
	margin:30px auto;
	width:390px;
}
h2{ margin:0px;
	padding:0px;
	border:0px;
}
h2{	color:#000000; 
	font-size:13px; 
	display:block; 
	background:url(../imagens/menu/blank.jpg) top left no-repeat #9A9A9A;
}
h2 span{
	padding:5px 10px; 
	background:url(img/h2_span_bg.gif) top right no-repeat; 
	display:block;
}
h2 a:link, h2 a:visited{
	color:#000000;
	text-decoration:none;
	display:block;
}
#section {
	background:url(../imagens/menu/botton1.JPG) bottom left  no-repeat #ffffff; 
	font-size:12px;
}
#section div{
background:url(img/section_bg_right.png) right bottom no-repeat; 
	padding:10px; 
}
</style>

 

As camadas

<div class="container">
<h2><span><a href="#" id="toggle" title="Expandir/Diminuir">Comentários sobre o filme:</a></span></h2>
<div id="section">

		  <div> <strong>Nenhum comentário</strong><br/>
	Nenhum comentário<br />
	<br />
	</div>
</div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

div.container div#section {

margin:30px auto;

width:390px;

display: none;

}

Tentou isso ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim William!

Acabei de tentar aqui e minha camada inferior realmente sumiu porém o efeito de expansão nao funcionou!

Eu clico e nao acontece nada... !

 

Será que tem outro jeito pra arrumar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei cara... você está usando Mototools..

nunca mechi com isso... vou mover para o fórum de Javascript.

 

Acredito que você precisa ou setar o none pelo Javascript, ou fazer a função começar dando block...

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript/DHTML

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.