title: Collapse does not work in Safari Mobile browser
body: <p>So I've read through some of the other threads but found none which suits my problem. As the header suggests, I cannot collapse my (in this case) panel-body when clicking the + glyphicon. It works fine on other browsers, but on mobile Safari version 9 it does not react.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
      &lt;span class="glyphicon glyphicon-user" aria-hidden="true"&gt;&lt;/span&gt; Registrerede brugere 
      &lt;span data-toggle="collapse" href="#collapse1" class="glyphicon glyphicon-plus-sign pull-right" aria-hidden="true" id="notifications_collaps"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div id="collapse1" class="panel-collapse collapse"&gt;
          &lt;div class="panel-body"&gt;
               HELLO                
          &lt;/div&gt;
          &lt;div class="panel-footer"&gt;
          &lt;div class="btn-toolbar"&gt;
              &lt;button type="button" class="btn btn-danger pull-right" id="slet_bruger" disabled&gt;
                  &lt;span class="glyphicon glyphicon-remove" aria-hidden="true"&gt;&lt;/span&gt; Deaktivér Bruger
              &lt;/button&gt;
              &lt;button type="button" class="btn btn-primary pull-right" id="rediger_bruger" disabled&gt;
                  &lt;span class="glyphicon glyphicon-pencil" aria-hidden="true"&gt;&lt;/span&gt; Rediger Bruger
              &lt;/button&gt;                 
          &lt;/div&gt;
          &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;          
  &lt;/div&gt;
  </code></pre>
  
  <p>I created a fiddle to demonstrate my problem: <a href="https://jsfiddle.net/DTcHh/15510/" rel="nofollow">Fiddle</a></p>
  
  <p>Open it in for example chrome and it works ...</p>
  
  <p>Open it in Safari Mobile and it wont react to clicks..</p>