0

表示/非表示のアニメーションを実行しようとしています。最初の div が表示され、2 番目の div が最初に非表示になり、次に 1 番目の div にある「詳細」ボタンが表示され、2 番目の div にある「閉じる」ボタンをクリックすると 2 番目の div が表示され、1 番目の div が表示され、2 番目の div が非表示になります。問題はありませんでしたが、 http: //tympanus.net/Tutorials/OriginalHoverEffects/index7.htmlのように例を表示および非表示にするときにcss効果を追加したいのですが、多くのクールな効果があり、すべてがロールオーバー効果に基づいています。これは私のクリックで..どうすればいいか教えてくれませんか..

ここでの基本的な例: http://jsfiddle.net/Q5e76

$("#details").click(function () {
    $(".one").hide();
    $(".two").show();
});

$("#close").click(function () {
    $(".two").hide();
    $(".one").show();
});
4

1 に答える 1

1

andを使用する代わりに、.show();and.hide();を使用できます.fadeIn(n).fadeOut();

どこnにかかるミリ秒数です。

例えば

$('.one').fadeOut(500); // half a second.

PS: これらが一意の場合は、ID を指定して、複数の要素で相互作用が実行されるのを防ぐ必要があります。

また、要素に適切な名前を付けると、役に立ちます。

例えばid="detail-box"。

于 2013-10-22T17:11:09.120 に答える