我可以使用＆＃34;用于＆＃34;从标签作为href？

Question

我至少有10个这样的元素。此代码段是一个包含内容的下拉列表。像这样的每个下拉列表都有一个唯一的ID和FOR，我希望每个下拉列表都通过最后的按钮导致下一个和下一个下拉列表

问题是如何创建按钮以在带标签时导致下一个或上一个下拉列表。我可以指向＆＃34; for＆＃34;用href？

我尝试<a href="#id">，但这不起作用。

Here is the CodePen for example. 这是为移动设备制作的，这就是为什么这么大。

你能给我一个解决方案吗？

<div id="container">
  <section id="accordion">
    <div>
      <input type="checkbox" id="pin" />
      <label for="pin">DROPDOWN TITLE</label>
      <article>
        <div class="row row2">
          <h3>HEADLINE</h3>

          <div class="row vert-center">

          <div class="col-xs-6">
          <img src="images/demo-image" />
          </div>

          <div class="col-xs-6">
            <p>TEXT HERE</p>
          </div></div>

          <div class="row">
            <div class="col-xs-6 prev-step">
              <a class="buttons" href="#first-step"><p>NEXT STEP</p></a></div>
            <div class="col-xs-6 next-step">
              <a class="buttons" href="#pin"><p>NEXT STEP</p></a>
            </div></div>

      </article>
    </div>
  </section>
</div>
</div>