Javascript div菜单的默认值

我对div菜单有问题

我希望将数据链接变量的值设置为first，以便在我最初加载页面时，菜单下方有一行FFFFFFFFFF。因为代码现在是空的，所以行应该是空的

然后，如果单击菜单上的另一项，新菜单项的内容将覆盖以前的内容

<div id="menu_about">
    <a class="link" href="#about" data-link="first">
        &nbsp;&nbsp; Why We Exist
    </a> &#8226; 
    <a class="link" href="#about" data-link="second">Who We Are</a> &#8226;
    <a class="link" href="#about" data-link="third">What We Do</a> &#8226; 
    <a class="link" href="#about" data-link="fourth">How We Think</a> &#8226; 
    <a class="link" href="#about" data-link="fifth">Where We Are Going</a>
</div>
<div id="pages_about" class="textContainer_about">
    <div class="textWord_about" data-link="first">
        <p>ffffffffffff</p>
    </div>
    <div class="textWord_about" data-link="second">
        <p>ffffffffffffffffff</p>
    </div>
    <div class="textWord_about" data-link="third">
        <p>ffffffffffffffffffff</p>
    </div>
    <div class="textWord_about" data-link="fourth">
        <p>ffffffffffffffffffffffffffff</p>
        <p>ffffffffffffffffffffffffffff</p>
        <p>ffffffffffffffffffffffffffff</p>
        <p>ffffffffffffffffffffffffffff</p>
        <p>ffffffffffffffffffffffffffff</p>
    </div>
    <div class="textWord_about" data-link="fifth">
        <p>fffffffffffffffffffffffffff</p>
    </div>
</div>

---

你只需要把它们分开藏起来或者像我那样做 我用show（）显示您想要显示的元素，如下所示

   $('.textWord_about[data-link="first"]').show();

---

最初隐藏时，请选择除第一个

.textWord\u about

以外的所有内容

使用

：gt（0）

：

或

.slice（1）

：

---

这个双

标记是故意的还是为了显示某些特定的东西？可能需要包含相关的CSS或设置JSFIDLE。

$('.textWord_about:gt(0)').hide();

$('.textWord_about').slice(1).hide();