[VladLes22]

Доброго времени суток. Возник такой вопрос: Нужно чтобы при наведении на блок (slidebox) курсором, появлялся(через opacity) другой блок (h2)вложенный в первоначальный, ну и естественно когда курсора на данном блоке нет то заголовок (opacity:0).

<div class="slideBox">
			<a href="#"><img src="../images/1.png"></img></a>
			<h2 class="title">Заголовок</h2>
			<div class="slideup">
				<div class="description">
				Под катом
				</div>
			</div>
		</div>

В чем допускаю ошибку ?

<script type="text/javascript">
$(document).ready(function() { if ($('.slideBox').hover(function())) {
              $('.title').hover(function() {
                $(this).stop().animate({
                   opacity: 1
                 }, 0);
                    }
					}
					else  function() {
               $(this).stop().animate({
                opacity: 0
                 }, 200);
              });
            });
</script>

Прошу помочь)))
ЗЫ. Через css не предлагать, не работает))