Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <style>
- #btn_1:checked ~ #div_1, #btn_2:checked ~ #div_2 {
- visibility: visible;
- }
- #div_1, #div_2 {
- visibility: hidden;
- }
- #btn_1, #btn_2 {
- display: none;
- }
- label {
- display: block;
- width: 200px;
- height: 50px;
- background: #ccc;
- border: 1px solid #333;
- }
- label:hover {
- cursor: pointer;
- background: #333;
- }
- </style>
- </head>
- <body>
- <input type="checkbox" name="check_1" id="btn_1" checked="checked"/>
- <label for="btn_1">Test 1</label>
- <input type="checkbox" name="check_2" id="btn_2" />
- <label for="btn_2">Test 2</label>
- <div id="div_1">
- hello
- </div>
- <div id="div_2">
- good bye
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement