jQuery的光滑效果

Question

我想做出类似with this

东西当你点击出现的“描述”文本。 我想用jQuery创建这个效果，我该如何做到这一点？

Answer 1

使用fadeTo功能也许fadeToggle（）？

<a href="#" id="appear">Clicky</a> 
    <p class="textTo" style="display: none;">Hello World!</p> 

<script type="text/javascript"> 
$("#appear").click(function() { 
    $(".textTo").fadeToggle(); 
}); 
</script> 

退房的工作小提琴： http://jsfiddle.net/vfcp4/

和API：

http://api.jquery.com/fadeToggle/

的API显示多一点。

例如有一些参数来传递控制动画的速度，类型等

Answer 2

可以在jQuery的

Answer 3

你能做到这样的：

<div id="description"> Description (click here to show) </div> 
<div id="textToShow" style="display:none"> Now I'm visible ! </div> 

$(document).ready(function(){ 
    $("#description").click(function(){ 
    $("#textToShow").fadeIn("slow"); 
    }); 
}); 

可以使用图像或任何元件被示出。 希望这有助于。干杯