我使用this fiddle作爲顯示推薦內容的基礎 - 因此,當您點擊相關推薦內容顯示的鏈接時。在頁面加載時顯示div的內容
我面臨的問題是,我需要第一個推薦書顯示何時加載頁面 - 此時用戶必須點擊鏈接才能顯示推薦書。
有誰知道我該如何做到這一點?
小提琴:http://jsfiddle.net/Fz44h/
<body>
<div id="menu_about">
<a class="link" href="#about" data-link="first"></a> •
<a class="link" href="#about" data-link="second">Testimonial 1</a> •
<a class="link" href="#about" data-link="third">Testimonial 2</a> •
<a class="link" href="#about" data-link="fourth">Testimonial 3</a> •
<a class="link" href="#about" data-link="fifth">Testimonial 4</a>
</div>
<div id="pages_about" class="textContainer_about">
<div class="textWord_about" data-link="first">
<p>Scelerisque arcu lorem porta? Porttitor ridiculus adipiscing diam nisi, turpis, aliquam tincidunt phasellus lundium! </p>
</div>
<div class="textWord_about" data-link="second">
<p>Lacus auctor dapibus. Placerat massa lundium lundium in, et. In lacus augue nisi? </p>
</div>
<div class="textWord_about" data-link="third">
<p>Placerat massa lundium lundium in, et. In lacus augue nisi?</p>
</div>
<div class="textWord_about" data-link="fourth">
<p>Scelerisque arcu lorem porta? Porttitor ridiculus adipiscing diam nisi, turpis, aliquam tincidunt phasellus lundium!</p>
</div>
<div class="textWord_about" data-link="fifth">
<p>Lacus auctor dapibus. Placerat massa lundium lundium in, et. In lacus augue nisi? </p>
</div>
</div>
<script type="text/javascript">
$('.textWord_about').hide();
$('.link').click(function() {
$('.textWord_about').hide();
$('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
width: '200px'
}, 300);
});
</script>