Значение по умолчанию для меню div

Question

У меня проблема с меню div.

Я хотел бы иметь, что значение для переменной передачи данных установлено в первую очередь, так что, когда я первоначально загружаю страницу, под меню отображается строка 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); 
}); 

Answer 1

Вам нужно только, чтобы скрыть их seperatly или делать, как я сделал Here Я отобразить элемент, который вы хотели показать с шоу(), как этот

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

Answer 2

Выберите все, кроме сначала .textWord_about, когда вы изначально скрываете их.

Использование :gt(0):

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

jsfiddle.net/mLfgW

Или .slice(1):

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

jsfiddle.net/mLfgW/1