Question

I’m wondering why in this example: http://jsfiddle.net/ZdPry/2/ the HTML within the <ul> of the hovered parent item gets pushed to the container I want but on mouseleave and subsequent hovers, no HTML is pushed to the container of the same element that was first hovered. Other elements that are hovered do push the HTML in question but only once, on the first mouseover. I’ve copied some of the code in question below.

$('#superfish-1 li').hover(function(e) {
    e.stopPropagation();
    $('.menuarea').html($('ul', this)).slideDown();
}, function() {
    // do something else
});​

Answer 1

You are passing an object, you can use html method and pass the html content instead:

$('.menuarea').html($('ul', this).html()).slideDown();

http://jsfiddle.net/YePWJ/