CSS Views

← back to Demo Index

HTML Markup

Set up your views like this:

<div class="view" id="one">...

And your nav like this:

<a href="#one">

CSS

Next, add two lines of CSS:

.view {
  display: none;
}
.view:target {
  display: block;
}

DONE!

Some Lorem ipsum for good measure

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pellentesque dictum est non molestie. Etiam sodales lorem ligula, eget ultricies nisl blandit eget. Vivamus faucibus neque non velit tempor, quis malesuada sem dapibus. Phasellus eget ante vitae quam mattis lobortis. Morbi ultrices mattis enim, sit amet sollicitudin tortor posuere ac. Maecenas eu magna consectetur odio varius facilisis. Praesent euismod arcu non purus dignissim, eget tristique ligula eleifend. Mauris molestie dui sed tortor ultricies, et mollis eros convallis. Sed nec velit metus. In sollicitudin semper metus a ullamcorper. Maecenas ornare est at pulvinar ornare.