画面の右側にリンク バーが固定されています。ユーザーがスクロールすると、ユーザーがスクロールしたセクションに応じて箇条書きが大きくなります (ユーザーがページを上下に移動するのに役立つアンカーとして機能します。
各箇条書きの横にタグがあり、各リンク/スクロール ポイントの説明が表示されます。それぞれのリンク/箇条書きが強調表示されている場合にのみ、各スパンタグを表示したい(「li」要素にclass="selected"が設定されている場合)。
li 要素で class="selected" を検出し、class="selected" が存在する場合にそれぞれの span タグの内容を表示するにはどうすればよいですか?
<div id="sidemenu">
<ul>
<li id="welcomeLi" class="selected"><table><tr><td><span>Welcome</span></td><td><a href="#home">•</a></td></tr></table></li>
<li id="mantraLi"><table><tr><td><span>Our mantra</span></td><td><a href="#mantra">•</a></td></tr></table></li>
<li id="softwareLi"><table><tr><td><span>Our software</span></td><td><a href="#software">•</a></td></tr></table></li>
<li id="involvedLi"><table><tr><td><span>Get involved</span></td><td><a href="#involved">•</a></td></tr></table></li>
<li id="contactLi"><table><tr><td><span>Contact us</span></td><td><a href="#contact">•</a></td></tr></table></li>
</ul>