Здравствуйте!
Есть две радио кнопки "Слева" и "Справа". При клике на кнопки должно переставляться изображение слева или справа относительно текста.
Подскажите, можно как это безболезненно реализовать. Текст приходит из другого импута через .keyup и может меняться в любой момент. Изображение так же может изменяться через .click
Со вставкой текста и изображения у меня проблем нет, а вот как сделать переключатель чтобы изображение ставить справа или слева относительно текста у меня проблема.
Вот макет:
<!-- Место где нужно переставлять местами -->
<div id="positMansard">
<img src=" "> <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>
Изначально я добавил перед изображением ещё один пустой span с id="krMod1", а в spane по умолчанию изменил на krMod2
И начал писать скрипт:
$(function() {
var position = $('input[name="position"]');
position.change(function(event) {
var imgPos = $(this).val();
if(imgPos == 2) {
$("#krMod1").replaceAll($("#krMod2"));
} else $("#krMod1").replaceWith($("#krMod2"));
//console.log(imgPos);
});
});
Но понимаю что что то не то я делаю. Вот пришёл на форум за советами и подсказками.
