ユーザーがページのどこか他の場所をクリックしたときにセカンダリ画像を非表示にしたいので、jfiddleを見ると、ユーザーがブラックボックスの外側をクリックすると、ブラックボックスが再び赤くなります。
このソースから隠しコードを取得しました: Use jQuery to hide a DIV when the user click outside of it .
ありがとう
HTML:
<img id="language_arrow_bottom" src="http://placehold.it/32/ff0000" width="13px" height="13px" alt="" />
<img id="language_arrow_up" src="http://placehold.it/32/000000" width="13px" height="13px" alt="" style="display:none;" />
JS:
$(document).ready(function ()
{
$('#language_arrow_bottom').click(function(event)
{
$('#language_arrow_bottom').hide();
$('#language_arrow_up').show();
});
$('#language_arrow_up').click(function(event)
{
$('#language_arrow_up').hide();
$('#language_arrow_bottom').show();
});
var container = $('#language_arrow_up');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
container.hide();
$('#language_arrow_bottom').show();
}
});