title: jQuery css border fadeout effect on div
body: <p>I have a div that I can drag and sort using jQuery sortable. The div contains a child div which has a grey border and when the dragging starts I change the border color to blue by adding a css class "mybox-on-drag". Then when the dragging stops, I toggle it to remove the class.</p>
  
  <p>Now, during the stop function how do I fade out the blue color and back to grey?</p>
  
  <pre><code>            start: function(event, ui) {
                      ui.item.children("#mybox").toggleClass("mybox-on-drag");
              },
              stop: function(event, ui) {
                      ui.item.children("#mybox").toggleClass("mybox-on-drag");
              }                
  </code></pre>
  
  <p>Thank you.</p>