[jQuery] Creating a mini menu attached to thumbnail

[spherop]

I am trying to create a small menu arrow that will appear next to an image
when moused over. The Menu arrow should go away when the user mouses out of
the image, except if the user mouses into the arrow istelf, in which case it
will display some ajax content.

function postMenus(){
        $(".image_thumb").hoverIntent(
                function(){
                        var menu_loc = $(this).offset({ scroll: false});
                        menu_loc['left'] += $(this).width();
                        menu_loc['top'] += $(this).height() - 20;
                        $("#menu").css(menu_loc).show();
                }
                function(){
                        $("#menu").hide();
                }
        );
        $("#post_menu").hoverIntent(
                function(){     
                        $(".video_thumb").unbind('hoverIntent');
                },
                function(){
                        $(this).hide();
                }
        );
}

The above is my starting point, but the unbind is not working really. I have
a feeling there is some pattern, or plugin recommendation that will save me
some headaches here ;) 

-- 
View this message in context: 
http://www.nabble.com/Creating-a-mini-menu-attached-to-thumbnail-tp20690892s27240p20690892.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.