Suavização no link.

[Leandro Persi 0]

Bom dia.

Desculpe pelo titulo pouco sugestivo mas não eu não soube como descrevver o que preciso.

É o seguinte.

Com a ajuda dos colegas eu criei uma apresentação de texto de maneira animada mas quando clico no link e o conteudo se move ele dá um "tranco", o movimento não é suave e é ai que eu gostaria da ajuda dos colegas.

Como faço para o movimento de abertura e fechamento do contyeudo ficar suave, sem tranco?

 

http://www.epsgroup.com.br/eps/artigos.htm

 

 

Abraço

[Thiago Retondar 18]

Nome do tópico alterado:

 

Antigo » Ajuda para corrigir um "defeito." http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Novo » Suavização no link.

 

Aqui está normal, ou seja, está com suavização.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Leandro Persi 0]

É que eu ja testei em 3 computadores e acontece o mesmo problema. Quando clico no titulo do artigo o movimento de abertura e fechamento da discrição tem um "tranco", o movimento não esta linear, "consistente."

[Thiago Retondar 18]

Aqui está normal.

 

Tópico movido:

 

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

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Eliseu M. 2]

Utilize o AjaxSlider ou a propriedade SlideUp e Down do JQuery.

 

Vou procurar e já posto. Flw!

 

/// edit

 

Vê se resolve seu problema:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function(){
$("#toggle").click(function () {
	$("#content").slideToggle("medium");
	$("#content2").slideUp("medium");
	$("#content3").slideUp("medium");
});
});
</script>
<script>
$(document).ready(function(){
$("#toggle2").click(function () {
	$("#content2").slideToggle("medium");
	$("#content").slideUp("medium");
	$("#content3").slideUp("medium");
});
});
</script>
<script>
$(document).ready(function(){
$("#toggle3").click(function () {
	$("#content3").slideToggle("medium");
	$("#content").slideUp("medium");
	$("#content2").slideUp("medium");
});
});
</script>
<a href="#" id="toggle">Informações</a><br>
<span id="content" style="display:none;">Aqui vai o conteúdo</span><br>
<a href="#" id="toggle2">Serviços</a><br>
<span id="content2" style="display:none;">Aqui vai o conteúdo</span><br>
<a href="#" id="toggle3">Templates</a><br>
<span id="content3" style="display:none;">Aqui vai o conteúdo</span>

 

Oia, aqui rolou super suave. Obs.: o código tá meio grande pq eu sou iniciante ainda xD

 

Flw!

[Eliseu M. 2]

Se liga, tem o Accordian em Ajax:

 

http://www.asp.net/AJAX/AjaxControlToolkit.../Accordion.aspx

 

Rolou mais suave que o JQuery =D