Частичное отображение и скрытие DIV

Question

Мне нужно скрыть DIV частично, а не полностью. Когда страница загружается, я хочу, чтобы она показывала первые, скажем, 100 пикселей, расположенные в самой верхней части div. Когда пользователь нажимает определенную кнопку, открывается div (это может быть скользящий эффект, как в jQuery's show ()). Когда пользователь нажимает назад ту же кнопку, элемент div возвращается в исходное состояние, показывая только первые 100 пикселей. Я пытаюсь выяснить, как это сделать с помощью jQuery, потому что, похоже, это лучший способ сделать это. Есть намеки? Спасибо.

Answer 1

это можно сделать, установив начальную высоту div в 100px и установив его переполнение скрытым в CSS. тогда вы можете изменить высоту div на auto, когда вы показываете полный div при нажатии кнопки JavaScript.

пример: http://www.quirksmode.org/css/overflow.html

Код CSS:

overflow : hidden;

Answer 2

вам понадобится метод переключения и немного анимации, JQuery стиль:

установите высоту div на 10 пикселей с помощью Css.

$("td").toggle(
  function () {
    $(this).animate( { height:"100px" } , 1000 )
  },
  function () {
     $(this).animate( { height:"10px" } , 1000 )
  }
);