waruhaz prodlist

HTML

<div id="level_1_description" class="level_description">
    <h2>
        <a href="index.php?t=shop&amp;a=view&amp;pid=1">
        Élelmiszer, zöldség, készétel</a>
    </h2>
    <h3>Minden ami finom és táplál</h3>
    <p class="description">
        <span class="text">Lorem ipsum dolor sit amet, consectetuer
            adipiscing elit, sed diam nonummy nibh euismod 
            tincidunt ut laoreet dolore magna aliquam.</span>
    </p>
</div>

<div class="shop_href level_description" id="level_2_description" style="padding: 0px; height: 1px;">
    <h2>
        <a href="index.php?t=shop&amp;a=view&amp;pid=2">
        Ruházat, illatszer, cipõ</a>
    </h2>
    <h3>Minden ami a kényelmet szolgálja.</h3>
    <p class="description">
        <span class="text">Lorem ipsum dolor sit amet, consectetuer
            adipiscing elit, sed diam nonummy nibh euismod tincidunt
            ut laoreet dolore magna aliquam erat volutpat.</span>
    </p>
</div>

CSS

.level_description {
    display: block;
    float:left;
    width: 40%;
}
.level_description .description {
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    font-size: medium;
}

JavaScript

$('.level_description').hover(
    function () {
        $('p.description', this).slideToggle();
    }
)