Zurb Foundation 中的选项卡淡入淡出？

我试图弄清楚 Zurb Foundation 中是否有可以很好地淡入选项卡的设置。

如果没有，有人知道手动实现此目的的最佳方法吗？

jQuery 的目标是什么？

Thanks.

使用 Zurb v5 和这个帖子我能够通过添加来完成淡入淡出的选项卡定制零件在基础.css如下：

.tabs-content {
  *zoom: 1;
  margin-bottom: 1.5rem; 

  /* Customized */
  display:block:important!
  opacity: 0;
}
  /* Customized */
  @-webkit-keyframes fadeIn {
      from { opacity: 0; }
        to { opacity: 1; }
  }
  @keyframes fadeIn {
      from { opacity: 0; }
        to { opacity: 1; }
  }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0; }
    .tabs-content > .content.active {

      /* Customized */
      -webkit-animation: fadeIn 1s;
      animation: fadeIn 1s;
      opacity: 1;

      display: block; }