Пытаюсь на JS сделать плавное появление элемента, но что-то не работает. opacity ставится на 0.1 и все, дальше не идет.
<div id="hidden">HIDDEN TEXT</div>
<div id="show" onclick="return show('hidden', 50);">SHOW</div>
<div id="hide">HIDE</div>
<script type="text/javascript">
function show(id, speed) {
var ID = setInterval(function() {
if (document.getElementById(id).style.opacity>1) {
clearInterval(ID);
}
document.getElementById(id).style.opacity += 0.1;
}, speed);
}
</script>