Bootstrap数据切换在Safari中不起作用

下面的代码利用bootstrap的data-toggle="collapse"在点击配置元素时执行折叠/展开function，在这种情况下，单击parent1和parent2

问题：点击parent元素后，崩溃就可以通过我的电脑使用Chrome和Firefox浏览器进行，但是我的iPad无法使用safari浏览器。

  Technologies  
   </div  Vertical  
   </div

参考文献： http ： //www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp

我尝试在父元素中使用而不是

，我们点击展开/折叠，即

并更新了parentclass的样式以display: block; ，并在iPad上测试，现在它也在iPad safari浏览器上工作！

更新1：看到一个post，它建议也使用href来使iPhone中的Safari理解，但我不确定我是否也必须使用该属性，因为当我用href测试时，每当我触摸parent头时，该页面给人一种刷新[页面移动]的印象。所以认为不需要href 。

更新2

使用而不是更新，以便可以轻松排除href预期。输出仍然符合预期，适用于Chrome，Firefox和Safari。

如果这是正确的方法或有任何替代修复， 请建议

有关data-toggle和data-*更多data-toggle data-* ： Twitter Bootstrap中的数据切换属性