It is compulsory to show microdata markup on the page. If the markup is hidden then Google will not consider these hidden markup in the google search result.
Please refer this screenshot:
https://goo.gl/WU7wcT
Refer these articles:
https://stackoverflow.com/questions/8903526/is-it-ok-to-hide-microdata-with-css/21751532
https://schema.org/docs/gs.html#schemaorg_expected
https://stackoverflow.com/questions/16336655/how-to-hide-microdata-schema
Hope it clarifies you!
Also, I would like to tell you that we have worked on a new plugin called Schema Pro that automates the process of adding schema markups on your website. With a simple click and select interface you can set up a markup on the entire website in minutes. All the markup configurations you will set are automatically applied to all selected pages & posts. Therefore, with Schema Pro, adding a schema markup on a website with hundreds and thousands of pages is no longer a task.
To know more about this plugin and all it does, you can read more on the following website – https://wpschema.com/
Please feel free to get in touch in case you have any further queries about the same.