Как показать следующий значок при нажатии на флажок?

Question

Как показать следующую кнопку при нажатии на флажок, и она должна быть скрыта при снятии флажка?

Впервые он не будет отображать изображение, когда он не нажат, и показывает изображение при нажатии на флажок

Мой код:

 <script type="text/javascript">

   function showNext()
   {
     document.getElementById('displayImage').style.visibility='visible';
   }


 </script>

и

<img id="displayImage" border="0" src="icons/next1.png" style="visibility:hidden" />

проблема в том, что он не будет скрывать следующий значок после снятия флажка ..

Можно ли использовать условие if внутри javascript? Если да, пожалуйста, объясните ..

т.е.: если флажок установлен, показать изображение

еще

не показывает изображение.

Помощь оценена .....

Answer 1

Как то так?

function showNext()
{
    var icon = document.getElementById('displayImage');
    icon.style.visibility = icon.style.visibility == 'visible' ? 'hidden' : 'visible';
}