「p」にカーソルを合わせると、「duplicate」のようなコンテンツが表示され、「duplicate」をクリックすると、ホバーしたパラグラフが「p」の下に表示されます。
<div id="one">
<p>This is para, when i hover i will appear. </p>
<p>This is another, when i hover i will appear. </p>
<h4 id="o"><a href="#one">Duplicate</a></h4>
<div class="tex"></div>
<ul>
</ul>
</div>
そしてjqueryは
var id = '';
$("p").hover(function() {
id = $(this).text();
$("#o").show();
},
function() {
$("#o").delay(2000).fadeOut("slow");
});
$("#o").click(function() {
$(id).appendTo("tex");
});
ここで私はいくつかのエラーをしました。しかし、私はそれを知りません。