鼠标悬停在特定 div 上时需要水平菜单选项

Question

我的要求是在段落末尾制作一个水平菜单，鼠标悬停时应出现菜单

将鼠标悬停在上面时应该显示一个选项来添加这样的项目

打开单击添加选项，应该会出现菜单像这样

请建议任何用于此功能的 jQuery 或 javascript 插件。除了编写自定义脚本之外，我更喜欢使用插件。

Answer 1

这是我所拥有的： http://jsfiddle.net/cbARJ/4/

我没有您的在此处添加按钮有这样的背景，因此您需要添加它。

Answer 2

简单的。

编辑：鼠标悬停在段落上？

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