Question

我是基金会4的新手，目前正在尝试执行以下操作：

我正在使用section-container horizontal-nav并且想知道是否有人知道配置以使节容器首先默认显示其内容而不是隐藏它直到它被点击？因此，当页面加载时，该部分将首先显示，直到用户点击“第1部分”。

 <div class="section-container horizontal-nav" data-section="horizontal-nav">
 <section>
<p class="title" data-section-title>
    <a href="#">Section 1 </a>
</p>
<div class="content" data-section-content>
  <ul class="side-nav">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li class="divider"></li>
    <li><a href="#">Link 1</a></li>
  </ul>
</div>

Answer 1

尝试将active添加到class属性中？

<div class="content active" data-section-content>

Answer 2

该部分被放置为水平导航栏，我想它在页面加载时显示，就好像用户已经点击它一样。

您可以通过为id提供菜单项并在jquery中打开该菜单来实现此目的。

<a href="#" id="menu1">Section 1 </a>

然后将其添加到页面的脚本部分：

$(function () {
    $("#menu1").click();
});

如何显示section-container

2 个答案: