El código que te ofrece @Benito-B es perfecto. No obstante, como estás tratando de usar className te voy a plantear una sugerencia:
classNameEl atributo className devuelvees una cadena de texto. De modo que si le agregas "hide" creas como nombre de clase "stepOnehide" debes hacer la adición con un espacio así " hide".
Muestro un código de prueba.
function register(){
var firstStep = document.getElementsByClassName("stepOne");
firstStep[0].className += " hide";
}
.hide{ display: none; }
<div onclick="register()" class="stepOne">
<p>Esto<p>Haga seclick vaaquí apara ocultar si hace clickel encima<texto</p>
</div>
Este mecanismo tiene un problema: si la clase ya hubiese sido agregada se genera una doble asignación.
Espero te sirva para aclarar la duda. Porque el código de @Benito-B es el correcto. El mio es para que opere lo que tratabas de hacer, con el recurso que usabas.