Hola,
El código JavaScript si responde es decir al seleccionarlo coloca el height a 0 (esconde) o a 100 (muestra) cada vez que hago click, el problema es que al tratarse de una ventana responsive si se agranda el ancho de la pantalla debe esconder el div validando el media screen dejando el display :none y si disminuye el tamaño display:inline
es decir
1. si no uso el botón y vario el tamaño (con un simulador para parecer Tablet o movil) el div aparece si amplio (simulando pantalla de pc) el div desaparee hasta ahí todo bien con el display :none / display : inline.
2. Pero si dejo la pantalla tamaño Tablet y escondo y muestro varias veces usando el botón (código java script) cuando vuelvo a ampliar para dejar la pagina tamaño pc el div ya no queda oculto display:none, al contrario lo sigue mostrando. Es como al llamar el JavaScript se inhabilitara la validación responsive con el valor del media screen