Javascript lite手风琴如何使其充满活力和响应力

我使用jquery插件来实现标签效果，但我们面临的问题是如何使标签具有响应性和100%宽度

HTML:-

<div id="big-tab">
  <ol>
    <li>
      <h2><span>Who We Are</span></h2>
      <div>
        <h3>This is Slide One.</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. <a href="#">Link somewhere</a> </p>
      </div>
    </li>
    <li>
      <h2><span>Vision and Mission</span></h2>
      <div>
        <h3>This is Slide Two.</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. <br />
          <a href="#">Link somewhere</a> </p>
      </div>
    </li>
    <li>
      <h2><span>Our History</span></h2>
      <div>
        <h3>This is Slide Three.</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. <a href="#">Link somewhere</a> </p>
      </div>
    </li>
  </ol>
</div>

我们是谁
这是幻灯片一。
知识产权是一种权利，是一种精英的权利，是劳动和福利的临时权利
麦格纳阿利夸。但是，我们必须从最低限度开始，在公共场所进行实验室实习
康塞奎特



愿景和使命
这是幻灯片二。
知识产权是一种权利，是一种精英的权利，是劳动和福利的临时权利
麦格纳阿利夸。但是，我们必须尽可能少地进行实验




我们的历史
这是幻灯片三。
知识产权是一种权利，是一种精英的权利，是劳动和福利的临时权利
麦格纳阿利夸。但是，我们必须从最低限度开始，在公共场所进行实验室实习
康塞奎特

链接下面的完整代码

这是

---

提前感谢。

做出响应：默认情况下为true inside Soky，谢谢，我收到了，但100%宽度问题？高度变小尝试css定制。使响应：true inside defaultsoky，谢谢我知道了，但是100%宽度问题？此外，还可以尝试自定义css。