jquery - この効果でショーを実装する方法

Question

jquery ui の新しい Web サイトで見た機能を実装したいと思います。このページ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