title: Bootstrap collapse panel doesn't open on ipad
body: <p>I'm using Bootstrap (3.3.5) with the sb-admin-2 theme. My collapse panels work fine on desktop ( chrome on OsX ) and phone ( Chrome on Android ), but will not open on Ipad ( either chrome or safari ).</p>
  
  <p>Here is the code for one of my panels:</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading collapsed" data-toggle="collapse" data-target="#collapseTwo"&gt;
          &lt;h4 class="panel-title"&gt;Select Columns&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div id="collapseTwo" class="panel-collapse collapse"&gt;
          &lt;div class="panel-body"&gt;Lorem ipsum&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I saw from this other SO answer, that if I implement the collapse using an &lt;a&gt; tag, and have an href that this fixes the ipad issue. Witchfinder's answer here:</p>
  
  <p><a href="https://stackoverflow.com/questions/17435359/bootstrap-collapsed-menu-links-not-working-on-mobile-devices">Bootstrap Collapsed Menu Links Not Working on Mobile Devices</a></p>
  
  <p>Like so:</p>
  
  <pre><code>&lt;h4 class="panel-title"&gt;
      &lt;a class="panel-heading collapsed" data-toggle="collapse" 
          data-target="#collapseTwo" href="#collapseTwo"&gt;
          Select Columns
      &lt;/a&gt;
  &lt;/h4&gt;
  </code></pre>
  
  <p>I tried this and it does fix it. Sort of. But it has some problems:</p>
  
  <ol>
  <li>The entire bar is no longer clickable, just the text. I want the bar.</li>
  <li>The href is an anchor link, so when you click it, it updates the address bar, and it causes the page to jump to the panel body. Without the href, the address bar stays the same, and the page does not jump. Much nicer.</li>
  </ol>
  
  <p>I tried the other solution from that question where you edit the code to bootstrap - to remove the ontouchstart but in my case that did not fix it. </p>
  
  <p>Does anyone know how to fix this without the adding the href? Or at least what is going on. Where is the click going?</p>