Problème javascript

  function afficher_cacher()
{
    if(document.getElementById('disp').style.display=="block")
      {
        document.getElementById('disp').style.display="none";
        document.getElementById('disp2').style.display="block";
      }
    else if(document.getElementById('disp2').style.display=="block")
      {
        document.getElementById('disp2').style.display="none";
        document.getElementById('disp3').style.display="block";
      }
    else if(document.getElementById('disp3').style.display="block")
      {
        document.getElementById('disp3').style.display="none";
        document.getElementById('disp4').style.display="block";
      }

    return true;
}



en suite pour la rappeler sur mon bouton en html:

  <input type="button" name="etape" value="Suivant" onclick="javascript:afficher_cacher();"/>