Advertisement
Guest User

Untitled

a guest
Oct 11th, 2016
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.93 KB | None | 0 0
  1. <html>
  2.   <head>
  3.     <meta charset="UTF-8" />
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5.     <style>
  6.       #btn_1:checked ~ #div_1, #btn_2:checked ~ #div_2 {
  7.         visibility: visible;
  8.       }
  9.       #div_1, #div_2 {
  10.         visibility: hidden;
  11.       }
  12.       #btn_1, #btn_2 {
  13.         display: none;
  14.       }
  15.       label {
  16.         display: block;
  17.         width: 200px;
  18.         height: 50px;
  19.         background: #ccc;
  20.         border: 1px solid #333;
  21.       }
  22.       label:hover {
  23.         cursor: pointer;
  24.         background: #333;
  25.       }
  26.     </style>
  27.   </head>
  28.   <body>
  29.     <input type="checkbox" name="check_1" id="btn_1" checked="checked"/>
  30.         <label for="btn_1">Test 1</label>
  31.     <input type="checkbox" name="check_2" id="btn_2" />
  32.         <label for="btn_2">Test 2</label>
  33.        
  34.     <div id="div_1">
  35.       hello
  36.     </div>
  37.     <div id="div_2">
  38.       good bye
  39.     </div>
  40.   </body>
  41. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement