Dragable div - How to fade in on page load

Dragable div - How to fade in on page load

Hi all,
Is there a way to get my dragable div's to fade in on page load, the code i'm using to make them drabable is below:

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.         $("#draggableSitUP1").draggable({ opacity: 0.7, grid: [20,20] });
  4.         $("#draggableSitUP2").draggable({ opacity: 0.7, grid: [20,20] });
  5.         $("#draggableSitUP3").draggable({ opacity: 0.7, grid: [20,20] });
  6.         $("#draggableSitUP4").draggable({ opacity: 0.7, grid: [20,20] });
  7.         $("#draggableSitUP5").draggable({ opacity: 0.7, grid: [20,20] });
  8.         $("#draggableSitUP6").draggable({ opacity: 0.7, grid: [20,20] });
  9.     });
  10.     </script>
  11.    
  12.     <script type="text/javascript">