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

码：

$(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？

最佳答案

我认为您正在寻找的只是简单地添加对show()函数的调用-

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

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