jquery - slideUp 只隐藏？无法使用 slideUp 显示

Question

#bannerFijo是一个固定的横幅display:none，bottom:0px;所以我应该展示它，slideUp()但似乎这不起作用。

<script type="text/javascript">
    function mostrar_banner() {
        $('#bannerFijo').slideUp();
    }
    function ocultar_banner(){
        $('#bannerFijo').slideDown();
    }
    $(document).ready(function() {
        mostrar_banner();

        $('#bannerFijo .close').click(function() {
            ocultar_banner();
        });
    });
</script>

（它确实使用显示/隐藏）

 <script type="text/javascript">
    function mostrar_banner() {
        $('#bannerFijo').show();
    }
    function ocultar_banner(){
        $('#bannerFijo').hide();
    }
    $(document).ready(function() {
        mostrar_banner();

        $('#bannerFijo .close').click(function() {
            ocultar_banner();
        });
    });
</script>

我试过了

$('#bannerFijo').show("slide", { direction: "up" }); 

显示它，我在jquery.min.js.

o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function  
[Detener en este error] (function(){var R=/((?:\((?:\([^()]+\)...ypeof K==="string"?K:K+"px")}})})();
jquery....min.js (línea 31)

有人在这里看到替代品吗？

这是页面的截图以供参考。

Answer 1

您是否尝试过仅使用 slideDown 来显示和 slideUp 来隐藏？即使你所寻求的东西在意义上是反向的..

当您在底部有元素并且您执行 slideDown 时，它是一个具有“幻灯片”效果的显示事件。由于它位于底部，因此动画反向显示。至少入眼。但它实际上是滑下来的，因为它已经触底了，所以它就升起来了。

编辑：继承 jsFiddle 示例：http: //jsfiddle.net/fddpp/

Answer 2

animate根据元素的位置和样式，您可能可以使用它来实现此目的：

$('#bannerFijo').animate({ height: desiredHeight }, lengthOfAnimation, function() {
    //executes on completion
});

显然，您需要定义desiredHeightand lengthOfAnimation。

Answer 3

尝试使用 slideToggle();

也许是这样的：http: //jsfiddle.net/SCgdy/14/