替换上方的文本时,将按钮向下移

时间:2019-03-17 16:22:54

标签: jquery css

我正在使用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>

我尝试了淡入/淡出按钮的操作。

0 个答案:

没有答案