CSS DIV 이미지 보이기 감추기

function imgview(){
    {
  var test = document.getElementById('test'); test.style.display = 'inline';
 }
}

function imghide(){
    {
  var test = document.getElementById('test'); test.style.display = 'none';
 }
}

.........................................................................................................................................................................................

 

<div style = 'width:240px; height: 100px; background-color:yellow'>
    <input type = "button" value="view" onclick="imgview()" />
    <input type = "button" value="hide" onclick="imghide()" />
 <p><img src="test.jpg" width="250" height="225" alt="test" style="display:inline;" id="test" /></p>
</div>

하지만 이제 jquery를 많이 사용 하겠지..