jQuery-通过单击按钮切换动画高度
我想通过点击按钮来显示更多文本。 我如何设置动画?我通过单击按钮添加一个新类。我想通过添加新类使其具有向下滚动的效果。它不起作用。我必须将该类添加到另一个div吗?还是css错了?谢谢你的帮助jQuery-通过单击按钮切换动画高度,jquery,css,Jquery,Css,我想通过点击按钮来显示更多文本。 我如何设置动画?我通过单击按钮添加一个新类。我想通过添加新类使其具有向下滚动的效果。它不起作用。我必须将该类添加到另一个div吗?还是css错了?谢谢你的帮助 $(文档).ready(函数(){ 常量hiddenElement=$('段落小'); $('.show more')。单击(函数(){ toggleClass('paragration-large'); $(this.toggleClass('active'); }); }); 。段落小{ 最大宽度:
$(文档).ready(函数(){
常量hiddenElement=$('段落小');
$('.show more')。单击(函数(){
toggleClass('paragration-large');
$(this.toggleClass('active');
});
});代码>
。段落小{
最大宽度:500px;
文本对齐:对齐!重要;
保证金:1rem自动3rem;
}
.隐藏文本{
最大高度:0;
溢出:隐藏;
}
.段落大.隐藏文本{
最大高度:200px;
溢出:可见;
过渡:全线性2.5s;;
}
.展示更多{
宽度:20px;
高度:20px;
背景色:红色;
}
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
好吧,它不适用于高度:auto
您可能希望将其更改为最大高度:0
和最大高度:1000px
(或您认为不应创建滚动条的任何数字);但老实说,这不会像您所希望的那样顺利工作(因为最大高度
,在您按下正方形和它实际向上或向下滚动之间会有延迟)
$(文档).ready(函数(){
常量hiddenElement=$('段落小');
$('.show more')。单击(函数(){
toggleClass('paragration-large');
$(this.toggleClass('active');
});
});代码>
。段落小{
最大宽度:500px;
文本对齐:对齐!重要;
保证金:1rem自动3rem;
}
.隐藏文本{
最大高度:0;
溢出:隐藏;
过渡:全线性2.5s;
}
.段落大.隐藏文本{
最大高度:200px;
}
.展示更多{
宽度:20px;
高度:20px;
背景色:红色;
}
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
好吧,它不适用于高度:auto
您可能希望将其更改为最大高度:0
和最大高度:1000px
(或您认为不应创建滚动条的任何数字);但老实说,这不会像您所希望的那样顺利工作(因为最大高度
,在您按下正方形和它实际向上或向下滚动之间会有延迟)
$(文档).ready(函数(){
常量hiddenElement=$('段落小');
$('.show more')。单击(函数(){
toggleClass('paragration-large');
$(this.toggleClass('active');
});
});代码>
。段落小{
最大宽度:500px;
文本对齐:对齐!重要;
保证金:1rem自动3rem;
}
.隐藏文本{
最大高度:0;
溢出:隐藏;
过渡:全线性2.5s;
}
.段落大.隐藏文本{
最大高度:200px;
}
.展示更多{
宽度:20px;
高度:20px;
背景色:红色;
}
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
给你一个解决方案
$(文档).ready(函数(){
$('.show more')。单击(函数(){
$(this).sides('div.hidden-text').slideToggle('slow');
});
});代码>
。段落小{
最大宽度:500px;
文本对齐:对齐!重要;
保证金:1rem自动3rem;
}
.隐藏文本{
溢出:隐藏;
显示:无;
}
.段落大.隐藏文本{
最大高度:200px;
}
.展示更多{
宽度:20px;
高度:20px;
背景色:红色;
}
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
给你一个解决方案
$(文档).ready(函数(){
$('.show more')。单击(函数(){
$(this).sides('div.hidden-text').slideToggle('slow');
});
});代码>
。段落小{
最大宽度:500px;
文本对齐:对齐!重要;
保证金:1rem自动3rem;
}
.隐藏文本{
溢出:隐藏;
显示:无;
}
.段落大.隐藏文本{
最大高度:200px;
}
.展示更多{
宽度:20px;
高度:20px;
背景色:红色;
}
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
您无法设置动画或平移