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" class="left">XXXXXXXXX</div>

CSS

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

.left {
    left: 30px;
}

.right {
    right: 30px;
}

JavaScript

$("input:radio[name=show]").click(function(event){
	if (event.target.id == 'showleft') {
		document.getElementById('op').innerHTML='Left side';
        $('#cfwrapper').addClass('left').removeClass('right');
	} else if (event.target.id == 'showright') {
		document.getElementById('op').innerHTML='Right side';
        $('#cfwrapper').addClass('right').removeClass('left');
	}
});