JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="show" id="showleft" value="showleft">Left
<input type="radio" name="show" id="showright" value="showright">Right
<br><br><div id="op"></div>
<div id="cfwrapper">XXXXXXXXX</div>

CSS

#cfwrapper {
	bottom: 10px;
	left: 30px;
	position: fixed;
}

JavaScript

$("input:radio[name=show]").click(function(event){
	if (event.target.id == 'showleft') {
		document.getElementById('op').innerHTML='Left side';
        $('#cfwrapper').css({'left':'30px','right':'auto'});

	} else if (event.target.id == 'showright') {
		document.getElementById('op').innerHTML='Right side';
         $('#cfwrapper').css({'left':'auto','right':'30px'});
	}
});