How to show bg color in fadeIn effect and remove style properties using jQuery
<p>i want to change background color on hover function but i want to show in slow motion. Also i am adding some CSS Property on hover and want to remove and hover out. But my function does not work according to my requirment.</p>

<pre><code>$(function (){

      $('.box').hover(function (){

          $('body').css({'background-color':'black'})

          $(this).css('-moz-transition', 'opacity .3s')
          $(this).css('-webkit-transition', 'opacity .3s')
          $(this).css('-o-transition', 'opacity .3s')
          $(this).css('-ms-transition', 'opacity .3s')

          }, function () {

              $('body').css({'background-color':'black'})

              $(this).remove('-moz-transition','none')

              })


      })
</code></pre>
