Показать сообщение отдельно
  #3 (permalink)  
Старый 28.09.2017, 21:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,018

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>
Ответить с цитированием