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