<input type="radio" name="switch" value="1" checked="checked">
<input type="radio" name="switch" value="2">
<input type="radio" name="switch" value="3">
<input type="radio" name="switch" value="4">

<div id="one">その1<br><img src="https://picsum.photos/200/300"></div>
<div id="two">その2<br><img src="https://picsum.photos/200/301"></div>
<div id="three">その3<br><img src="https://picsum.photos/200/302"></div>
<div id="four">その4<br><img src="https://picsum.photos/200/303"></div>
body{padding: 20px;}

div{display: none;}

input[value='1']:checked ~ #one{ display: block;}
input[value='2']:checked ~ #two{ display: block;}
input[value='3']:checked ~ #three{ display: block;}
input[value='4']:checked ~ #four{ display: block;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js