我有一個div菜單的問題。div菜單的默認值
我希望將data-link變量的值設置爲first,這樣當我最初加載頁面時,菜單下方會出現ffffffffffff行。由於現在的代碼,該行將是空的。
然後,如果我點擊菜單上的另一個項目,新菜單項的內容將覆蓋以前的內容。
<div id="menu_about">
<a class="link" href="#about" data-link="first">
Why We Exist
</a> •
<a class="link" href="#about" data-link="second">Who We Are</a> •
<a class="link" href="#about" data-link="third">What We Do</a> •
<a class="link" href="#about" data-link="fourth">How We Think</a> •
<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);
});
那是雙''
標籤上的目的或顯示特別的東西嗎? – 2013-04-10 23:21:04可能希望包含相關的CSS或設置jsFiddle。 – Scott 2013-04-10 23:24:50