Question

我正在尝试显示/隐藏动画。第一个div将显示第二个div第一次隐藏然后当我将“详细信息”按钮在第1个div然后显示第2个相同当我点击第二个div中的“关闭”按钮然后显示第1个div并隐藏第2个div。我这样做没有问题，但我想添加一些CSS效果，当它会显示和隐藏像http://tympanus.net/Tutorials/OriginalHoverEffects/index7.html的exmple有很多很酷的效果都是基于翻转效果我希望这个在我的点击..你能猜吗帮助我该怎么办..

此处的基本示例：http://jsfiddle.net/Q5e76

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

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

Answer 1

您可以使用.show();和.hide();

而不是.fadeIn(n)和.fadeOut();。

其中n是它将采取的毫秒数。

e.g。

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

PS：如果它们是唯一的，你应该给它们ID以防止在多个元素上执行交互。

如果你给你的元素提供正确的名称，它也会有所帮助。

e.g。例如id="detail-box"。

如何在div点击上添加css动画

1 个答案: