How to show div on active radio?

Question

JavaScript

Here is an example :

It is necessary to show the div hidden in it with the active radio, and remove it when changing.

Answer 1

If the div is in radio, then you can implement it like this:

$(".radio").click(function(){
// Прячем другие открытые блоки div
$(".hidden-content").removeClass("active");
// Добавляем div'y, который является потомком нажатого инпута класс active
$(this).children(div).addClass("active");
})

Answer 2

Seems like it should work

[type="radio"]:checked + .hidden-content{
  disply: block;
}