Skip to content

Instantly share code, notes, and snippets.

@Livitan

Livitan/css

Created April 1, 2016 20:39
Show Gist options
  • Save Livitan/6304441a6311c23663fca069eaa0f32d to your computer and use it in GitHub Desktop.
Save Livitan/6304441a6311c23663fca069eaa0f32d to your computer and use it in GitHub Desktop.
Download ZIP
upworktest
Raw
css
article {
display: none;
}
#first:target {
display: block;
}
#second:target {
display: block;
}
#third:target {
display: block;
}
Raw
html
<nav>
<ul>
<li><a href="#first">First</a></li>
<li><a href="#second">Second</a></li>
<li><a href="#third">Third</a></li>
</ul>
</nav>
<section>
<article id="first">
<h1>First</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos vero unde voluptatum, tenetur amet temporibus sunt totam, blanditiis labore harum iste debitis beatae nihil eaque! Aspernatur consequuntur ut, totam laborum.</p>
</article>
<article id="second">
<h2>Second</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam enim ducimus, voluptate fugiat impedit nostrum autem asperiores similique ullam tenetur placeat nisi amet obcaecati, accusamus quam repellendus. Impedit, quod deserunt!</p>
</article>
<article id="third">
<h1>Third</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae distinctio in corrupti deleniti alias, consequuntur veniam quae ipsa, error dignissimos odit aut aliquam voluptas quasi doloribus unde nostrum vitae autem.</p>
</article>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment