Mark accepted object : UI Droppable « jQuery « JavaScript Tutorial

<html lang="en">
<head>
  <title></title>
  <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="js/ui/ui.core.js"></script>
  <script type="text/javascript" src="js/ui/ui.draggable.js"></script>
  <script type="text/javascript" src="js/ui/ui.droppable.js"></script>  
  <link type="text/css" href="js/demos.css" rel="stylesheet" />
  <script type="text/javascript">
    $(function() {
        $(".drag").draggable();
      
        var dropOpts = {
          accept: "#drop1",
          activeClass: "activated"
        };
        
        $("#target").droppable(dropOpts);
    });
  </script>
</head>
<body>
    <div class="drag" id="drop1">drop1</div>
    <div class="drag" id="drop2">drop2</div>
    
    <div id="target">target</div>


</body>
</html>

30.143.UI Droppable
	30.143.1.	jQuery UI Droppable - Accept Demo
	30.143.2.	jQuery UI Droppable - Simple photo manager
	30.143.3.	jQuery UI Droppable - Prevent propagation
	30.143.4.	jQuery UI Droppable - Revert draggable position
	30.143.5.	jQuery UI Droppable - Visual feedback
	30.143.6.	Get relative and absolute position of the dropped object
	30.143.7.	Droppable object
	30.143.8.	Mark accepted object
	30.143.9.	Mark active class
	30.143.10.	Droppable accepted function
	30.143.11.	Drag and drop events: activate, deactivate, drop, out, over
	30.143.12.	Drop to different objects and get their id