I am trying to make a div that hides itself when clicked and shows an input.
My CSS:
#btn {
width:100%;
height:100%;
display:block;
text-align:center;
}
#i1 {
display:none;
}
My JavaScript:
<script>
document.getElementById('btn').onclick = function() {
document.getElementById('i1').style.display = 'block';
document.getElementById('btn').style.display = 'none';
}
</script>
My HTML:
<div id="btn">Company</div><input id="i1" type="text" value="<?php echo"{$row['company']}";}?>">
Can anyone tell me why the Div is not hiding and, or, why the input is not showing?
Thank you for any help. All help is appreciated.