Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-通过单击按钮切换动画高度_Jquery_Css - Fatal编程技术网

jQuery-通过单击按钮切换动画高度

jQuery-通过单击按钮切换动画高度,jquery,css,Jquery,Css,我想通过点击按钮来显示更多文本。 我如何设置动画?我通过单击按钮添加一个新类。我想通过添加新类使其具有向下滚动的效果。它不起作用。我必须将该类添加到另一个div吗?还是css错了?谢谢你的帮助 $(文档).ready(函数(){ 常量hiddenElement=$('段落小'); $('.show more')。单击(函数(){ toggleClass('paragration-large'); $(this.toggleClass('active'); }); }); 。段落小{ 最大宽度:

我想通过点击按钮来显示更多文本。 我如何设置动画?我通过单击按钮添加一个新类。我想通过添加新类使其具有向下滚动的效果。它不起作用。我必须将该类添加到另一个div吗?还是css错了?谢谢你的帮助

$(文档).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;
背景色:红色;
}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。
如果你是一位杰出的律师,那么你的律师将被视为一名临时律师。
您无法设置动画或平移