Нужно сделать чтобы при наведении на слово категории появлялись названия категорий.
У меня так и есть , но как сделать чтобы названия пропадали если я не навожу курсор, у меня получилось сделать чтобы названия пропадали когда я навел на них курсор и убрал , как сделать чтобы они пропадали если я на них не наводил курсор ?
<script type="text/javascript">
$(document).ready(function() {
$('.t_cats_bt').hover(
function(){
$('.tp_cats').fadeIn(100);
$('.tp_cats').mouseleave(
function(){
$('.tp_cats').fadeOut();
});
});
});
</script>
<div class="t_cats_block">
<div class="t_cats_bt">Категории</div>
<div class="t_panel tp_cats">
<div class="str"></div>
<ul >
<li><a href="/komedii/">Комедии</a></li>
<li><a href="/melodramy/">Мелодрамы</a></li>
<li><a href="/drama/">Драма</a></li>
<li><a href="/trillery/">Триллеры</a></li>
<li><a href="/vesterny/">Вестерн</a></li>
<li><a href="/voennye/">Военные</a></li>
<li><a href="/detektiv/">Детектив</a></li>
<li><a href="/dokumentalnye/">Документалки</a></li>
<li><a href="/istoricheskie/">Исторические</a></li>
<li><a href="/semeynye/">Семейные</a></li>
<li><a href="/fantastika/">Фантастика</a></li>
</ul>
<ul>
<li><a href="/serialy/">Сериалы</a></li>
<li><a href="/multserialy/">Мультсериалы</a></li>
<li><a href="/multfilmy/">Мультфильмы</a></li>
<li><a href="/sovetskie/">Советские</a></li>
<li><a href="/kriminal/">Криминал</a></li>
<li><a href="/boeviki/">Боевики</a></li>
<li><a href="/uzhasy/">Ужасы</a></li>
<li><a href="/teleperedachi/">Телепередачи</a></li>
<li><a href="/priklyucheniya/">Приключения</a></li>
<li><a href="/saundtreki/">Саундтреки</a></li>
</ul>
<div class="clr"></div>
</div>
</div>
Источник:
dle-faq.pro, DLE
