slideUp只隐藏?无法使用slideUp显示

时间:2011-08-19 11:53:54

标签: jquery show slideup

#bannerFijodisplay: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>

(它使用show / hide)

 <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)

有人在这里看到另一种选择吗?

以下是该页面的屏幕截图供参考。

image

3 个答案:

答案 0 :(得分:4)

您是否尝试过将slideDown显示并使用slideUp隐藏?即使你所寻求的是在意义上是逆转的..

当你在底部有元素并且你做了slideDown时,它是一个带有“幻灯片”效果的show事件。从底部开始,动画反过来显示。至少是眼睛。但它实际上滑落了,因为它已经触底,它会升起。

编辑:Heres jsFiddle示例:http://jsfiddle.net/fddpp/

答案 1 :(得分:3)

您可以使用animate来实现此目标,具体取决于元素的位置和样式:

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

显然,您需要定义desiredHeightlengthOfAnimation

答案 2 :(得分:2)

尝试使用slideToggle();

可能类似于:http://jsfiddle.net/SCgdy/14/