Плавный эффект переключения в jquery

Пытаюсь сделать переход при нажатии на кнопку более плавным, но не получается, пытался добавить $slideToggle, но думаю что не так сделал.

<button class = "btn btn-warning" id = "btn-mob">
<div id = "rec-div" style = "display: none;">
  test
</div>

<script>
  $("#btn-mob").click(function() {
    $("#rec-div").toggle();
    $("#rec-div").slideToggle(1500);
  });
</script>

jquery html

30.01.2019 18:25

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

481

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Итак, я попробовал ваш код, и он работает. Только одно, нужно убрать дополнительный toggle(), перед slideToggle(). Это предполагаемая анимация?

 $( "#btn-mob" ).click(function() {
  $("#rec-div").slideToggle(1500);
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class = "btn btn-warning" id = "btn-mob">
<div id = "rec-div" style = "display: none;">test</div>

Сейчас работает нормально!!! Он не работал с JQuery.min, поэтому мне пришлось изменить его на несжатую версию. Спасибо за помощь мне :)

— 31.01.2019 13:06

30.01.2019 18:44