title: Why are my buttons not working? They disappear when clicked
body: <pre><code>    &lt;!-- CLASS NOTES FIELD --&gt;
  
  {{#Class Notes}}&lt;a href=&quot;#&quot; class=&quot;hint&quot; id=&quot;hint-cn&quot; onclick=&quot;this.style.display='none'; myFunction('button-cn', 'hint-cn', 'button-cn'); return false;&quot;&gt;
          &lt;button class=&quot;button-cn&quot;&gt;&lt;img src=&quot;classnotes.png&quot; style=&quot;height:20px;border:0;bottom:10px;right:10px;&quot;&gt; Class Notes&lt;/button&gt;&lt;/a&gt;{{/Class Notes}}
  
  &lt;div id=&quot;button-cn&quot; class=&quot;generalclass&quot; style=&quot;display:none;&quot;&gt;
      {{#Class Notes}}&lt;button onclick=&quot;document.getElementById('hint-cn').style.display='inline-block'; myFunction('button-cn', 'hint-cn', 'button-cn')&quot; class=&quot;button-cn&quot; style=&quot;background:#ababab; color:black!important; font-weight:bold; width:50%!important;&quot;&gt;&lt;img src=&quot;classnotes.png&quot; style=&quot;height:20px;border:0;bottom:10px;right:10px;&quot;&gt; Class Notes&lt;/button&gt;
          &lt;br&gt;
          &lt;div class=&quot;hints&quot; id=&quot;classnotes&quot;&gt;{{edit:Class Notes}}&lt;/div&gt;
      {{/Class Notes}}&lt;/div&gt;
  
  </code></pre>