title: How to toggle content in Semantic UI buttons?
body: <p>The <a href="http://semantic-ui.com/elements/button.html" rel="noreferrer">documentation</a> says <em>a button can be formatted to toggle on or off</em>, but the example given is merely </p>
  
  <pre><code>&lt;div class="ui toggle button"&gt;
      Vote
  &lt;/div&gt;
  </code></pre>
  
  <p>which naturally, doesn't work. An inspection of the source code of the example reveals an <code>active</code> class is programmatically added.</p>
  
  <p>I'm probably missing something simple, but how can I create a toggle button like in that example? What's the syntax for specifying what to toggle between?</p>