Cần tùy chọn menu ngang trên mouseover trên một div đặc biệt

Question

Yêu cầu của tôi là làm cho một menu ngang ở cuối một đoạn nơi trên mouseover một menu sẽ xuất hiện

On chuột lên nó sẽ hiển thị một tùy chọn để thêm một mục như thế này

On nhấp vào tùy chọn add menu sẽ xuất hiện như thế này

Vui lòng đề xuất bất kỳ plugin jQuery hoặc javascript nào cho chức năng này. Sở thích của tôi là một plugin cho điều này khác hơn là viết kịch bản tùy chỉnh.

Answer 1

Dưới đây là những gì tôi có: http://jsfiddle.net/cbARJ/4/

Tôi không có nền tảng như vậy cho Add here nút của bạn, vì vậy bạn sẽ cần phải thêm nó.

Answer 2

Đơn giản.

EDIT: Khi di chuột qua đoạn văn?

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