přesouvání elementu v kodu

by Petr Haluza

HTML

<div id="main">obsah</div>
ahoj, resizni mne pod a přes 820px
<div id="moveMe">hejbu se</div>

CSS

#main {
  border: 2px solid blue;
  min-height: 100px;
}

#moveMe {
  border: 1px solid red;
}

JavaScript

$(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() <= 820) { 
    	$("#moveMe").appendTo($("#main"));
    }
    if (win.width() >= 820) { 
    	$("#moveMe").prependTo($("#main"));
    }
}).resize();