Есть код Jquery:
$(document).ready(function(){
$('#change').click(function(){
if ($('#upload').attr('type') == 'file') {
$('#upload').attr('type','text');
$('#change').text('File');
};
if ($('#upload').attr('type') == 'text') {
$('#upload').attr('type','file');
$('#change').text('URL');
};
});
});
И код HTML:
<li>
<input type="file" name="upload-image" id="upload">
<a id="change" href="#">URL</a>
</li>
Почему когда существует только одно условие, то функция работает и переключает атрибут, а если нет, тогда ничего не переключается? Как сделать, чтобы при КАЖДОМ клике атрибут менялся?
P.S. Я новичок и поэтому еще не совсем понимаю все тонкости языка.