Accordion标题始终在标题前滚动

Question

如何在点击时制作手风琴标题，在标题前粘贴？我收到了很多内容，所以我需要我的用户看看他们点击了什么。 我在这里创建了样本。

这是我的示例代码

$(".accordion-box").on('click', '.accord-btn', function() {

   if($(this).hasClass('active')!=true){
     $('.accordion .accord-btn').removeClass('active'); 
   }

   if ($(this).next('.accord-content').is(':visible')){
      $(this).removeClass('active');
      $(this).next('.accord-content').slideUp(700);
   } else {
      $(this).addClass('active');
      $('.accordion .accord-content').slideUp(700);
      $(this).next('.accord-content').slideDown(700);   
    }
});

这里是完整版

https://jsfiddle.net/aareyes00/a5ucfpf0/3/