Css 在Zurb基金会5手风琴上制作一个链接

我想做的是有一个手风琴，手风琴的顶部面板是一个链接到另一个页面，而手风琴的其他功能正常。我尝试了一些javascript来停止手风琴活动，但这似乎不起作用。有指针吗？

是的，看起来首先需要删除内部内容，这样它就不会扩展。之后，我将添加一个类

a

标记，并在页面上编写一些脚本来识别该类并重定向url。如下所示：

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">
    <a class="redirect-me" href="http://www.google.com">Accordion 1</a>
  </li>
  <li class="accordion-navigation">
    <a href="#panel2a">Accordion 2</a>
    <div id="panel2a" class="content">
      Panel 2. 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.
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#panel3a">Accordion 3</a>
    <div id="panel3a" class="content">
      Panel 3. 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.
    </div>
  </li>
</ul>

---

这是一种肮脏的方式。但它是一种绷带，直到你能按照别人推荐的方法使用。

我以前也用过同样的方法，效果很好。

$(".redirect-me").bind("click",function(){
    theUrl = $(this).attr("href");
    window.location = theUrl;
});