title: Bootstrap data-toggle not working in Safari
body: <p>The below code making use of bootstrap's <code>data-toggle="collapse"</code> to do the functionality of collapse/expand on click of configured element,
  In this case, clicking <code>parent1</code> and <code>parent2</code></p>
  
  <p><strong>Problem:</strong> On click of <code>parent</code> element, the collapse is working from my PC using Chrome and firefox browsers, but it is not working from my iPad using safari browser.</p>
  
  <pre><code>&lt;div id="parent1" type="button" class="parentclass" data-toggle="collapse" data-target="#childof1"&gt;
    &lt;strong&gt;Technologies &lt;/strong&gt;
  &lt;/div&gt;
  
  &lt;div id="childof1" class="collapse"&gt;
    &lt;!-- elements of child1 --&gt;
  &lt;/div
  
  &lt;div id="parent2" type="button" class="parentclass" data-toggle="collapse" data-target="#childof2"&gt;
    &lt;strong&gt;Vertical &lt;/strong&gt;
  &lt;/div&gt;
  
  &lt;div id="childof2" class="collapse"&gt;
    &lt;!-- elements of child2 --&gt;
  &lt;/div
  </code></pre>
  
  <p>References: <a href="http://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp" rel="nofollow">http://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp</a></p>