所以我有一個導航欄菜單。網站默認位於About頁面。但是我試圖完成的是,當我點擊另一個菜單項時,例如體驗,我希望關於段落更改爲我的體驗段落。我覺得這很簡單,但我似乎無法做到。導航欄的JQuery添加/刪除類
感謝您的幫助!這是我的HTML的外觀:
<nav id="nav-bar">
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="title">
<p><span style="font-size:55px;">—</span> Jennifer</p>
</div>
<div class="jenpic">
<img src="jen_1.svg" alt="" />
<div class="vr"> </div>
</div>
<div id="text">
<div class="bio">
<p>blah blah blah</p>
</div>
<div class="experience" style="display:none">
<p>blah blah blah</p>
</div>
<div class="education" style="display:none">
<p>blah blah blah</p>
</div>
<div class="contact" style="display:none">
<p>blah blah blah</p>
</div>
</div>
您可以包括您的JavaScript?什麼不適合它? – Sharlike
我只是不明白什麼是最好的方法來解決這個問題。正如你所看到的,我設置了所有的段落:除了默認的關於頁面之外,沒有任何段落。那是對的嗎?我不確定那麼我是否會將nav-bar li的onClick作爲目標,並且移除關於類的類並添加體驗類。 – Jessica
請閱讀[問]。重要短語:「搜索和研究」和「解釋......阻止你自己解決它的任何困難」。 –