Question

在我的页面上，我一直尝试将一个div滑出视图，当它被点击而另一个滑入时，反之亦然。我的代码是：

$(document).ready(function () {
    'use strict';
    $('#trialForm').hide();

    $('#trialClick').click(function () {
        $(this).hide('slide');
        $('#trialForm').show('slide');
    });

    $('#trialForm').click(function () {
        $(this).hide('slide');
        $('#trialClick').show('slide');
    });

    $('.clickHere form input').click(false);
});

它看起来非常完美。一个div进入另一个进入，但它绝对不是幻灯片。而且，无论我采取什么样的措施来代替滑动＆＃39;只生成相同的动画。任何建议都会受到赞赏，因为我完全难过。

谢谢，

斯图尔特

Answer 1

您无法在单个参数上将字符串传递给hide / show函数。但是你可以在几秒钟内通过持续时间。或者您可以使用幻灯片切换，这将产生动画效果。

Instantiator

Answer 2

您应该查看相应jQuery methods的签名。如果您提供单个字符串参数，则它应该是持续时间关键字。如果你想要另一个动画，你需要传递一个对象。

您可能会尝试使用另一种jquery效果，而不是使用show，每种效果都有fade() slide()或package.json。

另外，现在我更喜欢用css来做这件事。我不久前做了一个小提琴，用css过渡来创建一个菜单：method

Answer 3

尝试使用css过渡来使效果有效。示例：http://davidwalsh.name/demo/css-slide.php 通过$（＃elementId）.toggleClass（“closed”）

将类设置为元素

JQuery：使用hide（）和show（）幻灯片效果时出现问题

3 个答案: