JSFiddle - React, Tailwind, and code Playground

by Nasuvaika

HTML

<input id="a" name="one" type="radio" checked> <label id="arma" for="a">one</label>
<input id="b" name="one" type="radio"> <label for="b">one</label>
<input id="c" name="one" type="radio"> <label for="c">one</label>

CSS

label {padding: 10px; margin: 10px; }
input[type="radio"] { display: none; }
//input[type="radio"]:checked + label { border: 1px solid red; }
input[type="radio"] + label { border: 1px solid red; }

JavaScript

$(document).ready(function(){
	$('#b').click(function(){
  	$('#arma').css('margin', '0 0 0 25px');
    $('#arma').css('transition', '1s');
  });
});