Toggle divs without using Javascript

by

Here you go, skipper! (edit — updated for science)

HTML:

<label for=cb>Click Here</label>
<input type="checkbox" style="display: none" id=cb>
<div>
    Hello. This is some stuff.
</div>

CSS:

input:checked + div { display: none; }

edit — an additional note: display: none will cause certain browsers (IE) to pay no attention to the <input> checkbox. Instead of hiding it with the display CSS attribute, you can “move” it offscreen with something like position: absolute; left: -10000px;.

More Related Contents:

  1. Input type="text" with select functionality after clicking on Input type="text"
  2. How to dectect objects' overlaping situations in javascirpt? [closed]
  3. jQuery .animate function not responding properly
  4. Syntax Higlighter For Site [closed]
  5. how i can connect and login in mysql localhost in php by using this html code
  6. how to proportionally scale a div with images inside?
  7. How to create blog posts with HTML and CSS? [closed]
  8. How to create a tag with Javascript?
  9. Navbar dropdown (collapse) is not working in Bootstrap 5
  10. Can I use HTML tags in the options for select elements? [duplicate]
  11. Restart animation in CSS3: any better way than removing the element?
  12. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  13. JS function named `animate` doesn’t work in Chrome, but works in IE
  14. How do I re-trigger a WebKit CSS animation via JavaScript?
  15. How to build simple jQuery image slider with sliding or opacity effect?
  16. How to update placeholder color using Javascript?
  17. Change an image with onclick()
  18. Why element.style always return empty in JS?
  19. make html text input field grow as I type?
  20. How to change a class CSS with a Greasemonkey/Tampermonkey script?
  21. Multicolor Text Highlighting in a Textarea or Text Input
  22. Padding or margin value in pixels as integer using jQuery
  23. How can I refresh the screen on browser resize?
  24. How to concatenate and minify multiple CSS and JavaScript files with Grunt.js (0.3.x)
  25. Are data attribute css selectors faster than class selectors?
  26. iphone/ipad triggering unexpected resize events
  27. Print repeating Page headers in Chrome [closed]
  28. assign color to mouse cursor using CSS
  29. Center an Image vertically and horizontally using CSS
  30. Change background on button click, using CSS only? [duplicate]

Leave a Comment