Problema con lista desplegable dinámica

[Daam]

Buenas noches,

Tengo un formulario HTML que estoy creando para registrar la forma de pago que ha seleccionado el usuario (deposito bancario, transferencia bancaria y mercadopago). Existe una capa con ID distinto con casillas personalizadas para cada uno. Ej: existe la capa deposito que contiene elementos de formularios como: monto depositado, entidad bancaria, fecha del deposito, entre otros. La capa de transferencia tiene otros elementos distintos y la de mercadopago también.

Quisiera saber como hacer para que al cargar la página no se muestre ninguna de esas tres capas. Y dependiendo del valor de un select que contiene tres opciones (deposito, transferencia, mercadopago) se muestre una determinada capa.

He probado con CSS colocándole a las capas la propiedad de visibility:hidden; pero no se esconde la capa. Necesito ayuda con Javascript para terminar este formulario.

Espero su colaboración, saludos.