javascript - 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');
    });
});

ISSUE on 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 Demo