如何实现具有此效果的节目

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