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>

jQuery中的平滑切换效果

1 个答案: