Как заставить SlideUp остановиться на определенной высоте

Я использую плагин slideUp и slideDown. Мне было интересно, как я могу сделать так, чтобы div скользил только до определенной высоты.

Второй вопрос. Как я могу сделать одну и ту же кнопку целью для перемещения div вверх и вниз?

Вот что я сейчас пытаюсь использовать

$(документ).готовый(функция() {

  $("#toggle").click(function(){
     $("#Menu").slideDown( 'slow', function(){ 
         $(".log").text('Slide Down Transition Complete');
      });
  });

  $("#toggle").click(function(){
     $("#Menu").slideUp('slow', function(){ 
         $(".log").text('Slide Up Transition Complete');
      });
  });

});


jquery slideup
person Greg    schedule 23.11.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

В этом случае вы можете создать собственную анимацию для slideUp. Допустим, вы хотите скользить вверх до высоты 20 пикселей:

$("#toggle").click(function(){
    $("#Menu").animate({height: 20}, 'slow', function(){ 
        $(".log").text('Slide Up Transition Complete');
    });
});
person timing    schedule 23.11.2011
comment
все забывают о пикселях в своих анимационных свойствах! Вам нужно {height: '20px'}; тоже отличный ответ ;) - person Kato; 23.11.2011
comment
Он всегда работает без «px». Проверьте это: jsfiddle.net/timing/mydRQ/1 - person timing; 23.11.2011
comment
спасибо и ... хотя это кажется близким к тому, что мне нужно, оно все еще не работает правильно. Вот URL-адрес файла: ///Users/gregtaylor/Desktop/CAITMIZZI.COM/test.html. - person Greg; 23.11.2011
comment
@timing — работает без пикселей, потому что ваш браузер добрый; вы определяете свойство css, помните, и они всегда требуют допустимых единиц. - person Kato; 23.11.2011
comment
@Kato: jQuery добавляет сам «px», см. строку 8440 (и некоторые другие) в jquery 1.7.1. - person timing; 23.11.2011

arrow_upward

arrow_downward

person    schedule
comment
еще раз спасибо ... это кажется еще ближе. Почему-то до сих пор глючит. анимация не останавливается, а просто мигает. В конечном счете, я бы хотел, чтобы меню скользило вверх, оставляя видимой только синюю вкладку-переключатель, которая составляет 25 пикселей. Затем нажмите на ту же вкладку и вернитесь в меню. Вот снова URL-адрес файла: ///Users/gregtaylor/Desktop/CAITMIZZI.COM/test.html. - person Greg; 23.11.2011