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"); 
    }); 
}); 

可以使用圖像或任何元件被示出。 希望這有助於。乾杯