jquery - 透明な div の追加と削除

Question

関数で次のように、ウィンドウ（ツリービュー付き）に透明なdivを追加しました：

function add()
{
$dialog.html('<div id="div1"  style="background: url(img/trans.png); opacity:0.1; filter:alpha(opacity=10); "></div>');
}

別の関数でウィンドウの内容を再度表示できるように、この div を削除するにはどうすればよいですか。

Answer 1

function subtract(){
$dialog.html('');
}

Answer 2

これを試してdiv1を「非表示」にします。

$("#div1").css("display","none");

Answer 3

$('#div1', $dialog).remove();

からdivwhich id のを削除します。#div1$dialog

使う$dialog.html()とhtmlの内容を上書きしてappendしまうので、元に戻したい場合は使ってみてください。

このデモを見てください。

参考文献:

jQuery.remove() : http://api.jquery.com/remove/
jQuery.append() : http://api.jquery.com/append/