Javascript 如何使用下面的JQuery代码显示元素?
代码: 默认情况下,我希望#这将扩展为隐藏,因此我将使用display:none;但是当点击.clicker时,我希望它显示出来,然后按照脚本的要求展开 问题: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
如何显示?#单击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 });