javascript - 如何使用以下 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()之前将其插入。stopanimate