Адаптация скрипта под DLE

Есть небольшой "скрипт" который выводит два блока на картинку при наведении: http://kakradio.w.pw/cover-test/
Исходный код скрипта:

<style>
.cover-all{
    width:125px;
    height:165px;
    overflow:hidden;
}
.cover-bottom{
    height:117px;
    width:125px;
    background:#c8c8c8;
    margin-top:165px;
    text-align:center;
}
.cover-top{
    height:48px;
    width:125px;
    background:#a8a8a8;
    margin-top:-48px;
    text-align:center;
}
<script>
$(document).ready(function(){
    $(".cover-all").hover(function(){
        $(".cover-bottom").animate({"margin-top":"0px"},350);
        $(".cover-top").animate({"margin-top":"0px"},350);} , function(){
            $(".cover-bottom").animate({"margin-top":"165px"},350)
            $(".cover-top").animate({"margin-top":"-48px"},350);});
});
</script>
<div class="cover-all" style="background:url(mss.jpg) no-repeat; background-color:#000;    background-size:cover;">
<div class="cover-top">
Немного текста
</div>
<div class="cover-bottom">
Чуть больше текста
</div>
</div>

Вопрос: "Как адаптировать этот скрипт под DLE? Смысл его в том - что он попросту выводит картинки из статей и при нажатии можно посмотреть новость. Но если я поставлю его в таком виде то при наведении на одну картинку, будут работать все. Как быть?"
Заранее спасибо.