Jquery 引导手风琴问题标题

我定制的手风琴有问题，我真的不知道如何解决。希望有人能帮忙。问题是，我从这个代码笔复制了上面的手风琴-->。我的代码基本相同，只是每个步骤都添加了不同的内容。问题是，我无法选择手风琴标题中的文本，因为手风琴本身位于所有内容之上。我想添加一个按钮，可以让你选择编辑上一步，但如果我添加它是不可点击的。有人能帮忙吗

<div class="steps-progress py-3 bg-white">
   <div class="container">
      <div class="d-flex flex-wrap justify-content-center justify-content-sm-start">
         <button class="btn btn-sm btn-step-progress" type="button" data-toggle="collapse" data-target="#edit-step1">1 <span>Personal Information</span></button>
         <button class="btn btn-sm btn-step-progress collapsed" type="button" data-toggle="collapse" data-target="#edit-step2">2 <span>Qualifications and Experience</span></button>
         <button class="btn btn-sm btn-step-progress collapsed" type="button" data-toggle="collapse" data-target="#edit-step3">3 <span>Preferences & References</span></button>
      </div>
   </div>
</div>

<div class="steps-fields pt-3">
   <div class="container">
      <form>
         <div class="accordion" id="steps">

            <button class="btn btn-step btn-secondary" type="button" data-toggle="collapse" data-target="#edit-step1"><span>1</span> Lorem ipsum</button>
            <div id="edit-step1" class="collapse show" aria-labelledby="headingOne" data-parent="#steps">
               <div class="pt-3 px-3 pb-2 px-md-5 pt-md-5 bg-white">
                  <div class="row">
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12 col-sm-6">
                        <label>Lorem</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12 col-sm-6">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                     <div class="form-group col-12">
                        <label>Ipsum</label>
                        <input class="form-control" type="text">
                     </div>
                  </div>
               </div>
               <div class="p-3 px-md-4 bg-light">
                  <div class="row">
                     <div class="col-sm-auto ml-auto">
                        <button class="btn btn-primary btn-block scroll-to" type="button" data-toggle="collapse" data-target="#edit-step2">Next</button>
                     </div>
                  </div>
               </div>
            </div>

            <button class="btn btn-step btn-secondary collapsed" type="button" data-toggle="collapse" data-target="#edit-step2"><span>2</span> Lorem ipsum</button>
            <div id="edit-step2" class="collapse" aria-labelledby="headingTwo" data-parent="#steps">
               <div class="pt-3 px-3 pb-2 px-md-5 pt-md-5 bg-white">
                  <div class="row">
                     <div class="form-group col-12">
                        <label>Lorem ipsum</label>
                        <textarea class="form-control" rows="4"></textarea>
                     </div>
                  </div>
               </div>
               <div class="p-3 px-md-4 bg-light">
                  <div class="row">
                     <div class="col-sm-auto ml-auto">
                        <button class="btn btn-primary btn-block scroll-to" type="button" data-toggle="collapse" data-target="#edit-step3">Next</button>
                     </div>
                  </div>
               </div>
            </div>

            <button class="btn btn-step btn-secondary collapsed" type="button" data-toggle="collapse" data-target="#edit-step3"><span>3</span> Preferences & References</button>
            <div id="edit-step3" class="collapse" aria-labelledby="headingThree" data-parent="#steps">
               <div class="pt-3 px-3 pb-2 px-md-5 pt-md-5 bg-white">
                  <div class="row">
                     <div class="form-group col-12 col-sm-6">
                        <label>Lorem</label>
                        <input class="form-control bg-white" type="text">
                     </div>
                     <div class="form-group col-12 col-sm-6">
                        <label>Ipsum</label>
                        <input class="form-control bg-white" type="text">
                     </div>

                  </div>
               </div>
               <div class="p-3 px-md-4 bg-light">
                  <div class="row">
                     <div class="col-sm-auto ml-auto">
                        <button class="btn btn-primary btn-block" type="submit" data-toggle="collapse">Save</button>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </form>
   </div>
</div>

1个人资料
2资格和经验
3偏好和参考
1侧腰
乱数假文
乱数假文
洛勒姆
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
下一个
2同侧眼底
乱数假文
下一个
3偏好和参考
洛勒姆
乱数假文
拯救

多谢各位。彼得