slideUp blendet nur aus? kann mit slideUp nicht angezeigt werden

Question

#bannerFijo ist ein festes Banner display:none unter bottom:0px; um es zu zeigen, sollte ich also slideUp() aber es scheint, dass dies nicht funktioniert.

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

(und es funktioniert mit anzeigen/ausblenden)

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

Ich habe versucht

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

um es anzuzeigen, und ich erhalte einen Fehler in 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)

Sieht jemand hier eine Alternative?

Hier ist ein Screenshot der Seite als Referenz.

Answer 1

Haben Sie versucht, einfach slideDown zum Anzeigen und slideUp zum Ausblenden zu verwenden? Auch wenn das, was Sie suchen, ist umgekehrt im Sinne

Wenn Sie Element in unten haben, und Sie tun slideDown, seine ein Show-Ereignis mit "Slide"-Effekt. Da es unten ist, zeigt die Animation in umgekehrter Richtung. Zumindest für das Auge. Aber seine tatsächlich nach unten gleiten, und weil es den Boden getroffen hat, hebt es nach oben.

EDIT: Hier ist ein jsFiddle Beispiel: http://jsfiddle.net/fddpp/

Answer 2

Möglicherweise können Sie Folgendes verwenden animate um dies zu erreichen, je nach Standort und Stil des Elements:

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

Offensichtlich müssen Sie Folgendes definieren desiredHeight y lengthOfAnimation .

Answer 3

Versuchen Sie, die Funktion slideToggle() zu verwenden;

Vielleicht so etwas wie: http://jsfiddle.net/SCgdy/14/