Difference between revisions of "Team:WLC-Milwaukee/Project"

Line 80: Line 80:
 
</html>
 
</html>
  
−
<html>
 
 
<head>
 
<head>
−
<style>
+
    <style>
−
input[value="1"]:checked ~ div[id="1"]{
+
        #sidebar {height:100%; background:blue; width:200px; clear:none; float:left;}
−
display:none;
+
        #content {height:100%; background:green; width:400px; clear:none; float:left;}
−
}
+
        label {background:yellow;float:left;}
−
input[value="2"]:checked ~ div[id="2"]{
+
        input{display:none;}
−
display:none;
+
        input:checked+#sidebar{display:none;}
−
}
+
    </style>
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
−
<input type="radio" name="hider" value="1">
+
<div>
−
<input type="radio" name="hider" value="2">
+
<label for="hider">Hide</label>
−
<div id="1">div 1</div>
+
<input type="checkbox" id="hider">
−
<div id="2">div 2</div>
+
<div id="sidebar">foo</div>
 +
 
 +
<div id="content">hello</div>
 +
 
 +
</div>
 
</body>
 
</body>
−
</html>
 

Revision as of 03:17, 10 September 2015




Project

Content

content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content

<head> 

   <style>
       #sidebar {height:100%; background:blue; width:200px; clear:none; float:left;}
       #content {height:100%; background:green; width:400px; clear:none; float:left;}
       label {background:yellow;float:left;}
       input{display:none;}
       input:checked+#sidebar{display:none;}
   </style>

</head> <body>

<label for="hider">Hide</label> <input type="checkbox" id="hider">

hello

</body>