Need horizontal menu option on mouseover on a particular div

My requirement is to make a horizontal menu in the end of a paragraph where on mouseover a menu should appear

On mouse over it should show an option to add an item like this

On clicking the add option the menu should appear like this

Please suggest any jQuery or javascript plugin for this functionality. My preference is a开发者_运维技巧 plugin for this other than writing custom script.

Here is what I have: http://jsfiddle.net/cbARJ/4/

I don't have such background for your Add here buttons, so you will need to add it.

Simple.

EDIT: On mouse over for paragraph?

CSS:

p #add_link { display:none }
p:hover #add_link { display: block }
#links { display:none }

JS:

$('p #add_link').click(function() {
    $(this).parent().append($('#links').html()); // Or anything else
})