​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
div {
6
  color: white;
7
  padding: 10px;
8
  margin: 20px;
9
}
10
.file {
11
  background: limegreen;
12
}
13
.folder {
14
  background: gold;
15
}
16
</style>
17
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
18
<script>
19
  $( function() {
20
    $( ".file" ).click( function() {
21
      $( this ).clone().appendTo( ".folder" );
22
    });
23
  });
24
</script>
25
​
26
<div class="file">
27
  File
28
</div>
29
​
30
<div class="folder">
31
  Folder
32
</div>