jquery - 如何实现具有这种效果的节目

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