如何实现这个效果的显示

Question

我想实现我刚刚在jquery ui新网站上看到的功能。我需要在点击此页面上的链接查看源http://jqueryui.com/selectable/时显示的效果。有人可以告诉我他们使用了哪个插件？

Answer 1

你可以像容易实现它：

<a id="clk" href="#">Click ME</a> 
<div id="hidden"> 
    ALL YOU TEXT LIES HERE 
</div> 

而jQuery代码将是：

$(document).ready(function() { 
    $("#hidden").slideUp('fast', function() {}); 
    $("#clk").click(function() { 
     $("#hidden").slideToggle('slow', function() { 
      // Animation complete. 
     }); 
    }); 
}); 

编辑

对于淡入淡出效果，改变slideToggle到fadeToggle像这样：

$("#hidden").fadeToggle('slow', function() 

工作jsFiddle - jHyz2