jQueryを使って領域外のクリックイベントで消えるボックスを複数設定 - Surflog 2.0ウェブアプリケーションなどで、ページ内で特定の操作をする際、 隠していた領域（style="display: none;"）を表示させることはよくあると思います。 （Twitterのフィード上でつぶやく表示など） その領域の外をクリックすると、該当する領域を非表示（.hide()）する処理を考えてみました。 下記のソースをHTMLドキュメントの中で実行すると実際に動作します。 <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> <title>jQuery Click outside Test</title> <style> .content { display: none; width: 400px; height: 80px; } .red { bac
