Jquery 增加我的旗帜的高度
如何在单击时增加横幅的高度Jquery 增加我的旗帜的高度,jquery,angularjs,Jquery,Angularjs,如何在单击时增加横幅的高度 再次单击后,它应进入较少模式。您可以使.sqBan显示:无
再次单击后,它应进入较少模式。您可以使
.sqBan
显示:无在jQuery中使用show()
和hide()
,或者使用toggle()
$(文档).ready(函数(){
$('.moreBan')。单击(函数(){
$('.sqBan').toggleClass('expand');
});
});代码>
.sqBan{高度:50px;背景:印度红;过渡:高度.3s线性;}
.sqBan.expand{height:250px;}
点击
此处的一些信息定义了一个CSS类,该类设置了较大的高度,然后使用toggleClass()
将其打开和关闭。试试这个:
$('.moreBan')。单击(函数(){
$('.sqBan').toggleClass('large');
});代码>
.sqBan{
背景色:#C00;
}
.大{
高度:100px;
}
sqBan。。。
单击“我”
代码段不工作,或者我应该说它没有任何内容。请告诉我们您尝试了什么。如果我添加“$('.sqBan'),您可以使用jquerytoggle
。toggle();”我的横幅高度不会增加。。!横幅本身消失了我的愿望是有更多的模式和更少的模式为我的横幅