MC-XOBAHCK,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var position = $('input[name="position"]'), children = $("#positMansard").children();
position.change(function(event) {
var imgPos = position.index(":checked");
children.eq(imgPos).appendTo("#positMansard")
}).change();
});
</script>
</head>
<body>
<!-- Место где нужно переставлять местами -->
<div id="positMansard">
<img src="https://javascript.ru/forum/image.php?u=60342"> <span id="krMod">Текст</span>
</div>
<!-- Переключатель позиции -->
<div class="btn-group" data-toggle="buttons">
<label class="btn active"><input type="radio" name="position" value="1" checked>Слева</label>
<label class="btn"><input type="radio" name="position" value="2">Справа</label>
</div>
</body>
</html>