如何使用以下JQuery代码显示元素？

Question

代码：

$(document).ready(function() {

  $('.clicker').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');

    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('#thiswillexpand').stop().animate({height: heights });
  });
});

默认情况下，我希望隐藏#thiswillexpand所以我将使用display：none;但是当单击.clicker时，我希望它显示然后随脚本一起扩展。

问题：

如何在点击.clicker时显示#thiswillexpand，同时仍保留脚本正在执行的操作？

Answer 1

我认为你要找的只是简单地添加对show()函数的调用 -

$('#thiswillexpand').show().stop().animate({height: heights });

show()函数是可链接的，因此您可以在调用其他stop和animate函数之前插入它。