Вообще - плохая практика, используйте триггеры классов addClass, removeClass, toggleClass. Что если потребуется сменить цвет тени, например, - не лезть же в js каждый раз.

Ну с перекрытием всё просто:

<div class="block">
    Заголовок 1
    <div class="inner">
        Категория
    </div>
</div>

Элемент inner по умолчанию скрыт и появляется на ховере block.

.block {
    position: relative;
}

.block .inner {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.block:hover .inner {
    visibility: visible;
    opacity: 1;
}