"
User:Sifuentes anita
From 2014.igem.org
(Difference between revisions)
| Line 81: | Line 81: | ||
} | } | ||
| + | |||
| + | label { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #menu-toggle { | ||
| + | display: none; /* hide the checkbox */ | ||
| + | } | ||
| + | #menu { | ||
| + | display: none; | ||
| + | } | ||
| + | #menu-toggle:checked + #menu { | ||
| + | display: block; | ||
| + | } | ||
</style> | </style> | ||
<!-- end of css --> | <!-- end of css --> | ||
| Line 91: | Line 104: | ||
<div id ="contentWrap"> | <div id ="contentWrap"> | ||
| - | <div id="leftColumn"> <p>left</p></div> | + | <div id="leftColumn"> <p>left</p> |
| + | <label for="menu-toggle">Click me to toggle menu</label> | ||
| + | <input type="checkbox" id="menu-toggle"/> | ||
| + | <ul id="menu"> | ||
| + | <li><a href="#">First link</a></li> | ||
| + | <li><a href="#">Second link</a></li> | ||
| + | <li><a href="#">Third link</a></li> | ||
| + | </ul> | ||
| + | |||
| + | </div> | ||
<div id="rightColumn"><p>right</p></div> | <div id="rightColumn"><p>right</p></div> | ||
</div> | </div> | ||
Revision as of 15:51, 7 January 2015
left
right
