Question

I have multiple product images which share the same “base” class (.billede_wrapper1, .billede_wrapper2), and a single JQuery function.

How do i make .retslet5 only show, when .billede_wrapper.5 has mouseover?

Here is the current state of the code, and the example:
jsfiddle

At the example both of the products have the same classes (.billede_wrapper, .retslet) they will be (.billede_wrapper1, .retslet1, .billede_wrapper2, .retslet2) and so on, on the real page.

The numbers representing the database ID of the product.

Answer 1

Find the child .retslet by using $(this).find('.retslet')

$(document).ready(function(){
    $('.retslet').hide();

    $('.billede_wrap').mouseenter(function(){
        $(this).find('.retslet').slideDown("fast");
    });

    $('.billede_wrap').mouseleave(function(){
        $(this).find('.retslet').slideUp("fast");
    });
});