lite手风琴如何充分发挥和响应

时间:2016-10-04 05:30:33

标签: javascript jquery html css3

我正在使用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>

链接下面的完整代码

这里是Jsfiddle link

提前致谢。

0 个答案:

没有答案