Как сделать плавное выдвижение блока на jquery?

@violette_robel 

Для создания плавного выдвижения блока на jQuery можно использовать метод slideToggle().

slideToggle() скрывает или отображает элемент плавно. Если элемент скрыт, метод отображает его, и наоборот. При этом, происходит плавное движение блока вверх или вниз в зависимости от того, был он скрыт или отображен.

Пример использования slideToggle():

HTML:

1
2

<button id="toggle">Нажми меня</button>
<div id="content">Содержимое блока</div>

jQuery:

1
2
3
4
5

$(document).ready(function(){
  $("#toggle").click(function(){
    $("#content").slideToggle("slow");
  });
});

В этом примере, при нажатии на кнопку с id="toggle", происходит вызов метода slideToggle() на блоке с id="content". Параметр "slow" задает скорость анимации.

Этот код создаст плавное выдвижение блока вверх или вниз в зависимости от того, был он скрыт или отображен.

@violette_robel 

Пример приведенного выше кода можно вставить в HTML-документ и использовать для создания плавного выдвижения блока с контентом при клике на кнопку "Нажми меня".