jquery - jquery 平滑效果

Question

我想用这个做类似的东西

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

Answer 1

您可以在 jquery中使用fadeTo函数

Answer 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显示更多。

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

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

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