Javascript 如何使用下面的JQuery代码显示元素?

Javascript 如何使用下面的JQuery代码显示元素?,javascript,jquery,hide,show,Javascript,Jquery,Hide,Show,代码: 默认情况下,我希望#这将扩展为隐藏,因此我将使用display:none;但是当点击.clicker时,我希望它显示出来,然后按照脚本的要求展开 问题: 如何显示?#单击clicker时,它将展开,同时仍保留脚本正在执行的操作?我认为您需要的是简单地添加对show()函数的调用- $(document).ready(function() { $('.clicker').on('click', function(e){ e.preventDefault(); var

代码:

默认情况下,我希望#这将扩展为隐藏,因此我将使用display:none;但是当点击.clicker时,我希望它显示出来,然后按照脚本的要求展开

问题:


如何显示?#单击clicker时,它将展开,同时仍保留脚本正在执行的操作?

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

$(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 });
  });
});

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

您所说的“保留脚本所做的一切”是什么意思?只需添加
$btn.show()
$('thiswillexpand')。css('display','block')在设置高度动画时,为什么不将高度设置为零,而不是将显示设置为“无”?谢谢@lix,但当再次单击clicker时,我该如何隐藏?@star-ah。。那么我相信你正在寻找的函数被调用了。乐意帮忙:)我相信这会满足你的要求……是的,乐意帮忙!谢谢你提出这个问题,帮助我达到了20K:那么我们应该成为朋友了!
$('#thiswillexpand').show().stop().animate({height: heights });