Getting HTML element by Id and switch its CSS through React
<p>I have some files that load into my react components, which have HTML code.
As it is now, the pure HTML code renders just fine, however there is some 'hidden' code that appears whenever you click certain buttons in other parts of the application or on the text above (think of it like panels that expand when you click on it).
The HTML is hidden just using the good old <code>&lt;div id="someId" style="display:none"&gt;</code>.</p>

<p>Anyway I am trying to get the correct panel to expand upon clicking their respective buttons.</p>

<p>So in theory, what I need to do is find the element by id, and switch it's display to block whenever needed, and then switch it back when the parent is clicked again.</p>

<p>Unfortunately I have no idea how to do this and so far have gotten nowhere. As it is now, I have access to the component's ids. What I want to know is how in the world can I access that and get to change whatever is rendering?</p>