Javascript 如何将两个段落连接在一起以内联方式显示，而无需移动并置文本？

我试图将两段文字连接起来，以内联方式显示。我知道我可以用span标记代替p标记，但我的问题是这个。我希望这两段文字都有道理。我想将第二段设置为显示：无（隐藏）开始。使用jQuery，我将切换display:none以显示第二段中的隐藏文本。我不希望第一段最后一行的文字在第二段出现时开始移动。这就是我被困的地方。我可以把段落连接在一起，但是我在最后一行的文字上有了变化，因为我在第一段的最后一行添加了新的文字。这是在证明最后一行文字的正确性。发生这种情况的时候看起来不太好

请记住，第二段中的文本将在第一段末尾继续，没有换行符

$（函数（）{
$（'span[id=span2]'）。addClass（'hidepar'）；
$（'span[id=span1]'）。单击（函数（）{
$（'span[id=span2]'）。fadeToggle（1000）；
});
});
.hidepar{
显示：无；
}
#第一组{
文本对齐：对齐；
}

与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。
Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。
我不知道你的设计是什么样的，但是如果你的第二段只是需要看起来像是，你可以通过以下几种方式：

将类添加到第二段，内联显示，但将其设置为与背景颜色相同。然后，使用jQuery事件将颜色调整为文本颜色。问题是谷歌会对这些恶作剧表示不满

您还可以调整第二段的不透明度级别，而不是使用display:none

这假设没有其他页面元素会受到影响。只有两个想法。
也许您可以将代码更改为：

.hidepar {
visibility: hidden;
}
#div1 {
text-align: justify;
}

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
$('span[id=span2]').addClass('hidepar');
$('span[id=span1]').click(function() {
$('span[id=span2]').css('visibility', 'visible');  
  });        
});

.hidepar{
可见性：隐藏；
}
#第一组{
文本对齐：对齐；
}
$（函数（）{
$（'span[id=span2]'）。addClass（'hidepar'）；
$（'span[id=span1]'）。单击（函数（）{
$（'span[id=span2]'）.css（'visibility'，'visible'）；
});        
});
您是否尝试过简单地将p标记更改为display:inline？@charlietfl，是的。我可以内联显示它们，但问题是文本会像我上面所说的那样四处移动。用标记将段落包裹起来，将div填充到P，这样P就不会受到影响，在div标记上使用内联。@samra我添加了我的代码，这样其他人就可以看到发生了什么。我需要在块下面的元素在隐藏时向上移动。使用可见性：hidden.$（'span[id=span2]'）时不会发生这种情况。显示（无）；在这里玩这个把戏……不过没有经过测试