Javascript 使文本在“折叠”下不移动切换隐藏显示

当我切换文本的隐藏显示时，是否可能使p文本不移动？第一次使用折叠和类似的东西，尝试了不同的位置值，但似乎都不起作用

$（'.testver a i'）。在（'click'，函数（e）上{
var currTarget=$（this）.closest（'a'）.data（'target'）.substr（1）；
$（“#leftpanel”）.find（“[id^=“demo”]”）。not（currTarget）。collapse（'hide'）；
});

标题
洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人。

洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人

如果我理解正确，在切换顶部段落时，您需要底部段落不移动。如果这就是目标，那么你可以用几种方法来实现，但结果是一样的：

jQuery或

CSS或

HTML

片段


$（'.testver a i'）。在（'click'，函数（e）上{
var currTarget=$（this）.closest（'a'）.data（'target'）.substr（1）；
$（“#leftpanel”）.find（“[id^=“demo”]”）。not（currTarget）。collapse（'hide'）；
});
$（'p:last'）.css({
'位置'：'绝对'，
“底部”：0
});
p{
最大高度：20vh；
溢出y：自动；
}

标题
洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人。

洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人

如果我理解正确，在切换顶部段落时，您需要底部段落不移动。如果这就是目标，那么你可以用几种方法来实现，但结果是一样的：

jQuery或

CSS或

HTML

片段


$（'.testver a i'）。在（'click'，函数（e）上{
var currTarget=$（this）.closest（'a'）.data（'target'）.substr（1）；
$（“#leftpanel”）.find（“[id^=“demo”]”）。not（currTarget）。collapse（'hide'）；
});
$（'p:last'）.css({
'位置'：'绝对'，
“底部”：0
});
p{
最大高度：20vh；
溢出y：自动；
}

标题
洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人。

洛雷姆·伊普苏姆·多洛尔·西特、维克斯·尼希尔·沃卢帕提布斯、埃克·兹里尔·乌托夫、哈贝马斯·斯克里普塞特·库多。梅尔德比斯平庸。支持前accumsan的令人憎恶的人。这是我的经验，是我的新退伍军人

修复了这个问题，只需对折叠进行div换行，切换并设置一个设置的高度和宽度，没有任何移动，一切都很好
 修复了这个问题，只需对折叠进行div换行，切换并设置一个设置的高度和宽度，没有任何移动，一切都很好
 您是否考虑过更改要隐藏的元素的CSS
opacity
，而不是使用JavaScript折叠元素？这将使元素保持原位，同时使其有效隐藏。您是否考虑过更改要隐藏的元素的CSS
opacity
，而不是使用JavaScript折叠元素？这将使元素保持在原位，同时使其有效隐藏。使文本成为绝对文本存在问题。。首先，文本与网站上的所有内容重叠，因为它是绝对的，我不知道如何将文本放置到位，使其位于所有内容的下方。第二个是，我会有很多其他的元素在这个崩溃下面，所以另一个解决方案，而不是把所有东西都变成绝对的，真的会有帮助！同意，我相信我有另一个关于过渡和高度的想法…我很想测试一下，你是想让它发挥作用还是？一旦你有了主意，就写在这里，我会试试看。把课文绝对化有一个问题。。首先，文本与网站上的所有内容重叠，因为它是绝对的，我不知道如何将文本放置到位，使其位于所有内容的下方。第二个是，我会有很多其他的元素在这个崩溃下面，所以另一个解决方案，而不是把所有东西都变成绝对的，真的会有帮助！同意，我相信我有另一个关于过渡和高度的想法…我很想测试一下，你是想让它发挥作用还是？只要你有主意就写在这里，我会试试的。
$('p:last').css({
    'position': 'absolute',
    'bottom':0
});

 p:last-of-type {position:absolute; bottom:0}

 <p style='position: absolute; bottom:0'>CONTENT</p>

 p {max-height: 20vh; overflow-y:auto;}