jQuery slideToggle - div跳转

Question

我有一个问题.有一个jQuery"更多文本"动画div(slideToggle)并显示文本跳转.我不知道为什么.有人能帮帮我吗？

HTML:

<div class="slide-button two">
   <span>More</span>
   <div class="hidden">
      <p>hidden</p>
   </div>
 </div>

jQuery的:

$(document).ready(function () {
    $('.hidden').hide();
    $('.slide-button').click(function () {
        $('.hidden').slideToggle('slow');
    });
});

关于jsfiddle的问题

Answer 1

只需float:left从跨度中删除:

.slide-button span {
  display: block;
  font-family: "Playfair Display";
  font-size: 20px;
  font-weight: 400;
  color: #da3c2b;
  width: 90%;
  margin: 0;
}

JSFiddle演示