Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="https://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-1.8.3.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
        <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
  </ul>
</body>
</html>
 
body {
  background: #656262;
}
​
ul > li {
  cursor: pointer;
  display: block;
    margin: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding-left: 5px;
    text-align: center;
    color: #fff;
    background-color: #444;
}
 
$('ul').sortable();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
0fisherpro
0viewers