CSS and hiding/showing divs when radio button checked

Question

If the radio button #my102 is checked, the div #navi102 should be visible and all other #navi??? divs should be hidden. So, if the radio button #my7 is checked, the div #navi7 s

Answer 1

Creating a minimal version of the code helps a great deal in this situation - your code seems to be right, but it's difficult to troubleshoot with so much going on:

https://jsfiddle.net/17jaf4un/4/

HTML:

  
  

    
first
  
  
  

    
second
  

CSS:

input#ch1:checked + div #d1 {
  border: 1px solid red;
}

input#ch2:checked + div #d2 {
  border: 1px solid blue;
}