javascript - 反向 Accordion 方向

Question

这是 Zurb Accordion Foundation Documentation

如何反转 Zurb Accordion 打开的方向？

Here is the demo link - 访问代码为 000

我希望 Accordion 向上滑动/垂直向上/向上 - 而不是向下。纯 CSS 会很糟糕，但如果 J$ 有效，那也很棒!

:)

感谢您的关注

Answer 1

Try using this

我已经根据它定制了。所以它会向上...我想它会对你有帮助

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8;
       position:relative;
        top:85px; // Change this
      }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #efefef;
      color: #222222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        display: block;     
        background: white; 
        position:relative;
        top:-55px; // Change this too
        }

你唯一要做的就是......你必须定位子div......