Изменение событий show hide

Question

При нажатии кнопки «загрузить фон» отображается тип ввода = «файл». Я сделал это с помощью jquery .click() и .show() и .hide(), и он работает. Но я хочу изменить тип ввода = «файл» обратно на кнопку, когда он щелкнут где-то еще на странице. Как я могу это сделать?

HTML:

Upload<input type="button" id="upload" /> 
<input type="file" id="file" /> 

CSS:

#file{display:none;} 

JQuery:

$('#upload').click(function(){ 
$('#upload').hide(); 
$('#file').show(); 
}); 

Как я могу изменить #FILE обратно #upload, когда указатель мыши нажата где-то в страница.

EDIT: (это правильно?)

$("#upload").click(function(){ 
    e.stopPropagation(); 
    return false; 
    $("#file").show('slow'); 
    $("#upload").hide(); 
}); 

$(document).click(function(){ 
$('#uploadbg').show('slow'); 
$('#uploadform').hide(); 
}); 

До сих пор не работает. Может ли кто-нибудь мне помочь?

Спасибо!

Answer 1

$(document).click(function(){ 
    $('#upload').show(); 
    $('#file').hide(); 
}); 

каждый клик, который не имеет собственного обработчика, вызовет document.click из-за события пузыря.