Question

我想做类似的事情 with this

当您点击“说明”文字时出现。我想用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");
  });
});

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

jquery平滑效果

3 个答案: