在 jquery slideToggle 期间停止填充变化

Question

有没有办法在调用 jQuery slideToggle 时阻止文本移动？

在下面的例子中，文本在

<div>

隐藏时向上移动，在它变得可见时向下移动...

$("a").on("click", function(e) {
  e.preventDefault();
  $("#outer").slideToggle(1000);
});

#outer {
  padding:10px;
  border:1px solid #aaa;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><a href="#">Show/Hide</a></p>
<div id="outer">Some text<br/>Some text<br/>Some text<br/>Some text<br/>Some text</div>

---

一个解决方案似乎是将

<div>

嵌套在另一个

<div>

中，并在外部

<div>

上进行滑动。但是，如果我可以在不需要嵌套它们的情况下让它工作，它会让我的生活更轻松一些。

$("a").on("click", function(e) {
  e.preventDefault();
  $("#outer").slideToggle(1000);
});

#outer {
  border:1px solid #aaa;
}
#outer > div {
  padding:10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><a href="#">Show/Hide</a></p>
<div id="outer"><div>Some text<br/>Some text<br/>Some text<br/>Some text<br/>Some text</div></div>