title: jQuery Toggle [hidden] Attribute Bootstrap 4
body: <p>Whats the best way to toggle the new "Bootstrap 4" [hidden]-Attribute.
   Not just hiding and showing the element with "display: block" but rather removing and adding the <strong>Attribute</strong>.</p>
  
  <pre><code>&lt;button type="button" hidden class="hideMe btn  btn-sm"&gt;Get Video&lt;/button&gt; 
  &lt;button class="toggle"&gt;toggle&lt;/button&gt;
  </code></pre>
  
  <p>is there a better Way like this: <a href="http://jsfiddle.net/49u2q/123/" rel="noreferrer">http://jsfiddle.net/49u2q/123/</a></p>
  
  <pre><code>$('button.toggle').on('click',function() {
      if ($('button.hideMe ').is('[hidden]')) {
          $('button.hideMe ').removeAttr('hidden');
      } else {
          $('button.hideMe ').attr('hidden','');
      }
  });
  </code></pre>