Differences

This shows you the differences between two versions of the page.

--- how-do-i [2014/05/12 10:28] – birgir
+++ how-do-i [2016/03/02 10:37] (current) – removed helgi
@@ Line 1: / Line 1: @@
-<html>
-<head>
-<style type="text/css">
- .row { vertical-align: top; height:auto !important; }
- .list {display:none; }
- .show {display: none; }
- .hide:target + .show {display: inline; }
- .hide:target {display: none; }
- .hide:target ~ .list {display:inline; }
- @media print { .hide, .show { display: none; } }
- </style>
- </head>
-<body>
-<div class="row">
- <a href="#hide1" class="hide" id="hide1">Expand</a>
- <a href="#show1" class="show" id="show1">Collapse</a>
- <div class="list">
- <ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- </ul>
- </div>
- </div>
-</body>
-</html>