ウェブアプリケーションなどで、ページ内で特定の操作をする際、 隠していた領域(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