如何使用下面的JQuery代码显示一个元素

How do I show an element using the below JQuery code?

本文关键字：元素 一个 显示 代码 何使用 JQuery      更新时间：2023-09-26

代码：

$(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时，我如何显示#thiswill展开，同时仍然保留脚本正在执行的操作？

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

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

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

相关文章：