jquery - 替换上面的文本时使按钮向下移动

Question

我正在使用 jquery 淡入淡出效果，但是下面的按钮消失然后重新出现，而我希望这个按钮下降到它的新位置（下降我的意思是移动而不消失）。注意：文本有不同的长度，因此按钮会移动到屏幕上的新位置。

var text1 = toggleContent.find('.toggle-content-text').find('p');
var text2 = "foo bar"
text1.fadeOut(fadeSpeed, function() {
  text1.html(text2);
  $(this).fadeIn(fadeSpeed);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="toggle-content">
    <div class="toggle-content-text">
      <p> Find the prospects </p>
      <a href="/"> View Platform </a>
    </div>
</div>

我试过淡入/淡出不起作用的按钮。

标签： jquerycss