Buttons and other interactive elements not working in speaker view

[devinnasar]

Hello,

I'm placing buttons and other controls into my slides, but for the speaker's use, not the audience's. I'm trying to show/hide/apply other styles to slide elements. The reason I'm not using fragments is that displaying these changes is conditional based on how parts of the presentation go. My problem is that when I'm in speaker view, clicking on buttons only affects the elements in the speaker view, not the audience view. I must be missing something. here's my code:

<section>
  <div id="description">
    <p style="font-size:0.4em; text-align:justify;">This room is surrounded by a large duraplex window into space, outside of which the turrets of the Propriety's cannons can be seen. Behind the gunner's console stands a 15 foot circular plinth which is raised about half a foot from the deck. Several semicircular trays, arranged like a staircase stand on the south border of the plinth. They appear to contain spell components. To the opposite side of the plinth stands a large dish composed of hexagonal mirrors which trails a braid of large cables leading to the gunnery station.</p>
  </div>
  <button onclick="hideDescription()">hide</button>
  <script>
  function hideDescription() {
    var x = document.getElementById("description");
    if (x.style.display === "none") {
      x.style.display = "block";
    } else {
      x.style.display = "none";
    }
  }
  </script>
</section>

Can anyone advise me on how to accomplish this? Thanks!