Necesidad opción de menú horizontal en pasar el ratón sobre un div en particular

Question

Mi requisito es hacer un menú horizontal en el final de un párrafo en donde pasar el ratón un menú debe aparecer

El ratón sobre ella debe mostrar una opción de añadir un artículo como éste

al hacer clic en la opción agregar el menú debería aparecer como esto

Por favor, sugiera cualquier complemento de jQuery o javascript para esta funcionalidad. Mi preferencia es un complemento para esto que no sea escribir guiones personalizados.

Answer 1

Aquí es lo que tengo: http://jsfiddle.net/cbARJ/4/

no tengo tales fondo para sus Add here botones, por lo que tendrá que agregarlo

Answer 2

Simple.

EDITAR: ¿Al presionar el mouse sobre el párrafo?

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