Sarò sincero, non capisco quel className='hide'

Io farei così

document.getElementById('divdanascondere').style.d isplay='block'
per farlo apparire, e invece

document.getElementById('divdanascondere').style.d isplay='none'
per nasconderlo.

Puoi usare anche style.visibility='visible' oppure 'hidden', ma in questo caso lo nascondi e basta, lo spazio che l'elemento occupa nella pagina resta lì (mentre invece con display=none no. Per spiegarmi meglio: se hai un div alto 2000px con visibility hidden la pagina comunque scrolla fino a 2000, con display none, no)

ciao