0
我打算有一个网站布局,其中有多个部分,每个部分都包含其中的元素。每个部分都应该链接到我的导航栏中的链接(href),并且只能在单击此链接时才可见。动态显示和隐藏元素
我该如何做到这一点?
<nav>
<ul id="nav-menu" name="nav-menu" class="nav-menu">
<li><a href="#Home">Home</a></li>
<li><a href="#Services">Services</a></li>
</ul>
</nav>
<section id="home-text" class="home-text">
<h1>Home</h1>
<p>
Lorem ipsum dolor sit amet, donec dui ligula, ut elit ac tristique, vehicula sem pellentesque cubilia ante, commodo odio elit duis varius nibh in. Nam vestibulum. Vehicula id hac id viverra pellentesque, natoque elit posuere consectetuer quis etiam ligula. Nulla nam habitasse adipiscing mauris sed maecenas, ultrices magni purus posuere molestie donec, ultrices a, eget enim nec dolor lobortis quam. Est nibh est pellentesque velit, nibh quis faucibus orci a rhoncus.
</p>
</section>
<section id="services-text" class="services-text">
<h1>Services</h1>
<p>
Eleifend malesuada nulla sagittis, aenean eleifend wisi suscipit adipiscing nonummy, et et a ultrices accumsan nullam proin, leo egestas lobortis mauris convallis, adipiscing odio nisl ornare lobortis massa. Odio nulla lacus vel mus penatibus a. Morbi sodales, turpis sed fermentum, nunc libero integer vel, consectetuer curae condimentum erat augue. Volutpat tortor sem consequat velit egestas, ligula sapien wisi et viverra, nulla mattis tellus ut velit, hymenaeos at nulla nunc. Enim eros leo pellentesque nisl vel mi, leo velit, amet consectetuer lacus urna volutpat dolor molestie, placerat fermentum urna lorem purus sollicitudin.
</p>
</section>
这个问题似乎是不正确的记载:“每一节都应该链接到我的导航栏中的链接(HREF),并点击链接等时,只应是可见的。”如果链接不可见,则无法点击链接。 –
@MladenAdamovic,我再读一遍 - 不 - 可见性开启或关闭,适用于该部分的内容,而不适用于导航栏链接。 :) Empasis在“每个部分...” – Harriet
https://jsfiddle.net/rayon_1990/089682Lj/ – Rayon