правильный onmoseover

<div class="movie-block">
    <div class="movie">
      <div class="thumb">
        <a href="#"><img src="/images/004.jpg" width="200" height="150" /></a>
        <div class="remove-from-fav"><a href="#"><img src="/images/remove-from-fav.png" width="20" height="20" /></a></div>
        <div class="lenght"><p>00:08</p></div>
      </div>
      <h6><a href="#">bla</a></h6>
      <p class="t"><a href="#">aaaaa</a></p>
      <p class="date-added"><b>2d</b> ago</p>
    </div>
    <div class="tags">  
      <a href="#">1</a>
      <a href="#">2</a>
      <a href="#">3</a>
      <a href="#">4</a>
    </div>
  </div>

    $(document).ready(function() {
        $(".movie").mouseover(function () {
          $(this).next().slideUp().attr("class","tags slide").slideDown();
        });
        $(".movie").mouseout(function () {
          $(this).next().attr("class","tags");
        });
    });