0

我的 div 菜单有问题。

我希望将数据链接变量的值设置为 first，这样当我最初加载页面时，菜单下方有 ffffffffffff 行。就像现在的代码一样，该行将是空的。

然后，如果我单击菜单上的另一个项目，则新菜单项的内容会覆盖以前的内容。

<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>

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

$('.link').click(function() {
    $('.textWord_about').hide();       
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
});
4

2 回答 2

0

你只需要单独隐藏它们或者像我一样 在这里 我显示你想用 show() 显示的元素，就像这样

   $('.textWord_about[data-link="first"]').show();
于 2013-04-10T23:25:36.480 回答
0

.textWord_about最初隐藏它们时，选择除第一个以外的所有内容。

使用:gt(0)：

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

jsfiddle.net/mLfgW

或者.slice(1)：

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

jsfiddle.net/mLfgW/1

于 2013-04-10T23:29:22.737 回答