JavaScript/CSS中的手风琴导航；“跳跃”；内容容器

我制作了这些手风琴导航，它（主要）按照预期工作

但是：如果通过单击expand-/contract按钮打开文本部分，可以看到整个内容容器分别向左和向右移动

目前我还不知道这些移动是怎么来的，也不知道如何防止

也许有人知道哪里出了问题

//获取所有span-“按钮”。
var buttons=document.querySelectorAll（'.sign'）；
按钮=Array.prototype.slice.call（按钮）；
//切换文本段落的可见性。
函数toggleDisplayed（）{
var section=this.parentNode；
var段落=section.getElementsByTagName（'p'）；
//存储上下文。
var=这个；
//删除一个类并添加另一个类。
//---参数-------
//1.：要添加/删除的段落元素。
//2.：要删除的类。
//3.：要添加的类。
//4.：跨度元素的文本节点。
var manageClasses=函数（paragraphObject、toRemove、toAdd、newSign）{
paragraphObject.classList.remove（toRemove）；
paragraphObject.classList.add（toAdd）；
that.textContent=newSign；
}
段落=Array.prototype.slice.call（段落）；
//更改节中段落的状态。
第3.1款（职能）（第i款）{
if（段落.classList.contains（'notdisplated'））{
管理类（段落“未显示”、“已显示”和“-”）；
}否则{
管理类（段落“已显示”、“未显示”和“+”）；
}
});
}
//将切换功能连接到所有span-“按钮”。
按钮。forEach（功能（按钮，i）{
按钮。addEventListener（“单击”，切换显示）
});
正文{
背景色：rgba（240、240、240、1.0）；
溢出y：滚动；
}
.包裹{
宽度：800px；
保证金：0自动；
填充：10px 25px；
背景色：rgba（2502502501.0）；
边界半径：6px；
}
.包裹h3{
显示：内联块；
宽度：200px；
}
/*切换按钮*/
.签名{
字体大小：120%；
字体大小：粗体；
颜色：白色；
背景色：rgba（50,50,50,1.0）；
边界半径：30%；
宽度：20px；
高度：20px；
文本对齐：居中；
线高：20px；
显示：内联块；
}
.标志：悬停{
背景色：rgba（50,50,50,0.7）；
}
.未显示{
显示：无；
}
.展示{
显示：块；
}

关于我们
乌尔里西斯我是亨德雷特·弗林利亚。虎口浮雕和肘部浮雕同侧前庭；在拉齐尼亚的一对夫妇中。纳姆·普雷蒂姆·图尔皮斯和阿尔库。杜伊斯·阿库·托托、苏西比特·埃吉特、因佩雷特·内克、因佩雷特·艾库利斯、伊普苏姆。塞德·阿利夸姆·尤特里斯·莫里斯。整数前弧、accumsan a、Concertetuer eget、posuere ut、mauris。祈祷告别。紫背飞虱。努姆·诺米·梅特斯。自由前前庭

当前项目+
Lorem ipsum door sit amet，连续三年成为一名精英。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。长生不老不老。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。时间之美，调味品之美，自由之美，平等之美。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。他是一名妇女，利奥·埃吉特·比本杜姆·索达莱斯，奥古斯·维利特·库苏斯·努克，她是一名自由的孕妇。乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云乌云。前庭purus quam，权杖，软垫，非软垫，metus。酒后驾车。乌尔里西斯我是亨德雷特·弗林利亚。虎口浮雕和肘部浮雕同侧前庭；在拉齐尼亚的一对夫妇中。纳姆·普雷蒂姆·图尔皮斯和阿尔库。杜伊斯·阿库·托托、苏西比特·埃吉特、因佩雷特·内克、因佩雷特·艾库利斯、伊普苏姆。塞德·阿利夸姆·尤特里斯·莫里斯。整数前弧、accumsan a、Concertetuer eget、posuere ut、mauris。祈祷告别。紫背飞虱。努姆·诺米·梅特斯。自由前前庭。酒后驾车。前庭的矢状体。无主无主厄洛斯，邪教坐阿梅特，无主本德，帝国主义封建主义者，佩德。塞德·莱克托斯。Donec mollis hendrerit risus。Phasellus nec sem在justo pellentesque设施中的应用。伊蒂亚姆帝国主义饮食帝国主义。纳克内克
Phasellus leo dolor、tempus non、auctor et、hendrerit quis、nisi。库拉比图尔·利古拉·萨皮恩、蒂尼登·农、尤伊斯莫·维塔伊、波苏尔·因佩特、利奥。Maecenas malesuada。马萨的普拉森康格酒店。这是一只小火鸡。多内克·波苏尔·沃普塔特·阿库。阿库姆桑·维利特（Phasellus accumsan cursus velit）。虎口浮雕和肘部浮雕同侧前庭；我是阿利奎姆，我是康格，我是尤伊斯莫·奥奇，我是多尔·莱克图斯·奥奇。前庭前庭。埃尼安·泰勒斯·梅特斯、比本杜姆·塞德、波苏尔·ac、马蒂斯·农、努克。流苏前庭位于阿梅特奥古斯。在turpis。P
.notDisplayed {
  visibility: hidden;
}

.displayed {
  visibility: visible;
}