求JS或者JQUERY实现拖动DIV交换位置的代码，加急！~

Question

代码结构如下所示：<div id="demo">    <div class=“box">
           <div class="box1"></div>
    </div>
    <div class="box">
          <div class="box2"></div>
    </div>
    <div class="box">
          <div class="box3"></div>
    </div><div>
要求拖拽box1或者box2 ，也就是说是box里面的div元素可以拖拽并且可以交换位置，也就是说。box1拖拽到box2上，就和box2交换位置，而box 则是存放box+n 的容器 ，位置不变的。
求最简单代码实现！~网上虽然有相关示例，但都太复杂了，我没法改啊，最好要求最简单代码实现，我可以看一下实现方式也可以做一些修改。         ​qq584-366-725 

Answer 1

很简单，下载个JQUERY，用上面的sortable()就可以了。http://jqueryui.com/

Answer 2

拜托各位啊，帮忙写个最简单的DEMO啊，我想学习一下，最好绑我写上注释啊！！~~ 加急·~加急~~~

Answer 3

这代码写出来太长了，建议楼主去研究jQuery的插件吧