Hide Show content-list with only CSS, no javascript used

by

I wouldn’t use checkboxes, i’d use the code you already have

DEMO http://jsfiddle.net/6W7XD/1/

CSS

body {
  display: block;
}
.span3:focus ~ .alert {
  display: none;
}
.span2:focus ~ .alert {
  display: block;
}
.alert{display:none;}

HTML

<span class="span3">Hide Me</span>
<span class="span2">Show Me</span>
<p class="alert" >Some alarming information here</p>

This way the text is only hidden on click of the hide element

More Related Contents:

  1. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  2. How to check a list contains substring from other list using scala?
  3. Sort a list of objects in Flutter (Dart) by property value
  4. Concatenating two lists – difference between ‘+=’ and extend()
  5. Test if lists share any items in python
  6. What’s the most Pythonic way to identify consecutive duplicates in a list?
  7. How to check if all of the following items are in a list?
  8. Convert a matrix to a list of column-vectors
  9. Search for an item in a Lua list
  10. Decrementing ranges in Haskell
  11. Java 8: sort list of objects by attribute without custom comparator
  12. Lazy lists in Prolog?
  13. Zip with default value instead of dropping values?
  14. How to clone or copy a list in kotlin
  15. Replace individual list elements in Haskell?
  16. In Dart, what’s the difference between List.from and .of, and between Map.from and .of?
  17. How to count number of element occurrences in a list in Prolog
  18. Intersection and union of 2 lists
  19. How to recursively reverse a list using only basic operations?
  20. Need to partition a list into lists based on breaks in ascending order of elements (Haskell)
  21. Difference between a Seq and a List in Scala
  22. XPath 1.0 to find if an element’s value is in a list of values
  23. How can I read the contents of a file into a list in Lisp?
  24. List.shuffle() in Dart?
  25. R: Print list to a text file
  26. Add or remove an entry from a List type attribute in a DynamoDB table item
  27. How can change width of dropdown list?
  28. How does one enable selections in SwiftUI’s List
  29. Splitting a list of items into two lists of odd and even indexed items
  30. Cons element to list vs cons list to element in Scheme

Leave a Comment