You need the horizontal menu option when you hover over a specific div

Question

My requirement is to make a horizontal menu at the end of the paragraph, where the menu should appear when you hover

When you hover over it, the option to add an item like this should appear

When you click the add button, the menu should look like this

Please suggest any jQuery or javascript plugin for this function. My preference is a plugin for this other than writing a custom script.

Answer 1

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

I do not have such a background for your Add here buttons, so you will need to add it.

Answer 2

Simple

EDIT: Hover over an item?

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 })