slideUp только скрывает? не могу показать с помощью slideUp - PullRequest
3 голосов
/ 19 августа 2011

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

(и он использует 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 ]

4 голосов
/ 19 августа 2011

Вы пытались просто сделать slideDown, чтобы показать, а slideUp, чтобы скрыть?Хотя то, что вы ищете, в обратном смысле ...

Когда у вас есть элемент в нижней части, и вы делаете slideDown, это событие шоу с эффектом «слайд».Поскольку он находится внизу, анимация отображается в обратном порядке.По крайней мере, на глаз.Но на самом деле он сползает вниз, и поскольку он достиг дна, он поднимается вверх.

3 голосов
/ 19 августа 2011

Вы можете использовать animate для достижения этой цели, в зависимости от расположения и стиля элемента:

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

Очевидно, вам нужно определить desiredHeight и lengthOfAnimation.

2 голосов
/ 19 августа 2011

Попробуйте использовать slideToggle ();

Может быть что-то вроде: http://jsfiddle.net/SCgdy/14/

...