Эффект плавного переключения в jquery

Question

Я пытаюсь разрешить транскрипцию, когда вы нажимаете кнопку, более плавно, но она не работает, я пытался добавить $ slideToggle, но я думаю, что сделал это неправильно.

<

button class="btn btn-warning" id="btn-mob">

<div id="rec-div" style="display: none;">

                test

            </div>




 $( "#btn-mob" ).click(function() {

 $( "#rec-div" ).toggle();
 $("#rec-div").slideToggle(1500);
                        }); 

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