JQUERY - DIVとグレーの背景を表示

Question

DIVを表示して背景をグレーにする必要があります。不透明度を落とすことがあります。 DIVの外側のものがクリックされると、DIVが消え、ページは元の状態に戻ります。

これを行う簡単な方法はありますか？ 最小限のコードで、プラグインは不要です。あなたはjQueryのの.css()方法で任意のオブジェクトのCSSプロパティを変更することができます

THX

Answer 1

。だから背景色を設定するには、あなたのdivのidが 'myDiv'であると仮定して、このようなことをすることができます：$('#myDiv').css('background-color','grey');。

divを非表示にするには.hide()関数を使用します：$('#myDiv').hide();。

divの周りの要素がクリックされたときにこのコードをトリガーしたいので、その要素にクリックイベントリスナーを追加します。 .click()メソッドでこれを行うことができます。だから、あなたはこのようにそれを行うことができ、IDを持つ別のdiv「anotherDiv」を持って言うことができます：

`$('#anotherDiv').click(function() { 
    $('#myDiv').hide(); 
});