jquery 平滑效果

【问题标题】：jquery smooth effectjquery 平滑效果
【发布时间】：2011-08-20 19:59:16
【问题描述】：

我想做类似的东西with this

当您单击“描述”时，会出现文本。我想用jQuery做这个效果，怎么做？

【问题讨论】：

为什么不先试一试，然后问你是否遇到问题；）

标签： jquery effect smooth

【解决方案1】：

你可以在jquery中使用fadeTo函数

【讨论】：

【解决方案2】：

也许是一个 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 显示的更多。

例如有一些参数可以控制动画速度、类型等。

【讨论】：

【解决方案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");
  });
});

您可以使用图像或任何要显示的元素。希望这可以帮助。干杯

【讨论】：