0

そのため、リンクがクリックされたときにトグル トランジションで div を表示しようとしています。

私のコード:

  $("nav ul li#about a").click(function (e) {
    $("div#about").slideToggle(200);
    e.preventDefault();
});

それはうまく機能しますが、ここでこの効果が欲しいです: http://ricostacruz.com/jquery.transit/ 下にスクロールして、「他のプロパティの移行」を見つけます。そのスケール効果が見えますか (最初のデモ ボックス)。それが、slideToggle の代わりに私が欲しいものです。だから私はこのような効果を TOGGLE... リンクがクリックされたときに IN と OUT に遷移させたいと思っています。

皆さんが私を助けてくれることを願っています:)

4

1 に答える 1

0

jQuery の slideToggle メソッドは、実際には、animateの派手なラッパーです。このトランジット プラグインはanimate構文を模倣しているため、非常に簡単にトグルを作成できます。

$("nav ul li#about a").click(function (e) {
    e.preventDefault();
    var about = $("div#about");
    if (about.css('opacity') == 0) {
        about.transition({ opacity: 1.0, scale: 1.0 });
    } else {
        about.transition({ opacity: 0.0, scale: 1.6 });
    }
});

このコードはテストしていませんが、クリック時に about div が非表示になっているかどうかを確認し、それに基づいて実行するアニメーションを選択する必要があります。

于 2012-10-19T16:52:10.977 に答える