<div class="demo-description">
-<p>
-<!-- Add description here -->
-</p>
+<p>Enable any DOM element to be droppable, a target for draggable elements.</p>
</div><!-- End demo-description -->
</body>
<p>Drop here</p>
</div>
+<!-- add active class demo -->
+
</div><!-- End demo -->
<div class="demo-description">
<div class="demos-nav">
<h4>Examples</h4>
<ul>
- <li class="demo-config-on"><a href="default.html">Default Droppable</a></li>
- <li><a href="accept.html">Accept</a></li>
- <li><a href="hoverclass.html">Hover class</a></li>
- <li><a href="activeclass.html">Active class</a></li>
- <li><a href="greedy.html">Greedy</a></li>
- <li><a href="revert.html">Revert</a></li>
+ <li class="demo-config-on"><a href="default.html">Default functionality</a></li>
+ <li><a href="accepted-elements.html">Accepted elements</a></li>
+ <li><a href="propagation.html">Prevent propagation</a></li>
+ <li><a href="visual-feedback.html">Visual feedback</a></li>
+ <li><a href="revert.html">Revert draggable position</a></li>
</ul>
</div>
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Droppable - Revert Demo</title>
+ <title>jQuery UI Droppable - Revert draggable position</title>
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<div class="demo-description">
-<p>
-<!-- Add description here -->
-</p>
+<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <strong>revert</strong> option set on the <strong>draggable</strong>.</p>
</div><!-- End demo-description -->
</body>