एक विशेष div पर की आवश्यकता है माउसओवर पर क्षैतिज मेनू विकल्प

Question

मेरे आवश्यकता एक पैरा के अंत में एक क्षैतिज मेनू बनाने के लिए है, जहां माउसओवर पर एक मेनू दिखाई देगा

माउस पर अधिक यह एक दिखाना चाहिए इस

की तरह एक आइटम जोड़ने के लिए विकल्प जोड़ने विकल्प मेनू इस

की तरह दिखाई देनी चाहिए पर क्लिक करने पर

कृपया इस कार्यक्षमता के लिए कोई jQuery या जावास्क्रिप्ट प्लगइन सुझाएं। मेरी वरीयता कस्टम स्क्रिप्ट लिखने के अलावा इस के लिए एक प्लगइन है।

Answer 1

यहाँ मैं क्या है इसे जोड़ें।

Answer 2

सरल।

संपादित करें: पैराग्राफ के लिए माउस पर?

सीएसएस:

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

जे एस: तो आप की आवश्यकता होगी, http://jsfiddle.net/cbARJ/4/

मैं अपने Add here बटन के लिए इस तरह के पृष्ठभूमि की जरूरत नहीं है:

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