jquery详细信息标记替换

有没有一个简单的jquery解决方案可以实现与html5细节标签相同的下拉功能？我看过一些插件，但它们似乎都有ie的缺陷。我想现在最好还是用jquery来做吧

html5方式（但这在ie中不起作用）

详情摘要
Pellentsque aliquet lacinia libero id汽水。库拉比图尼布·维利特（Curabitur nibh velit），塞姆佩尔ac的瓦里乌斯（varius），苏西皮特·奎斯·麦格纳（suscipit quis magna）。威尼斯浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世浮世。这是一种交通工具。爱是一种力量，爱是一种力量。在iaculis mauris，一种舌苔。毛里斯·泰普斯·多洛

---

jquery方式？

至少在IE中显示内容，对吗？因此，您所要做的就是检测浏览器是否支持details标记，如果不支持，则隐藏段落标记，然后在适当的时候显示它。不需要插件。

<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero...</p>
</details>

<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero...</p>
</details>

<div class="details">
  <div class="summary">Details Summary</div>
  <p>Pellentesque aliquet lacinia libero...</p>
</div>

details > p{display:none;}

$('body').on('click', 'details summary',function() { $(this).find('p').toggle(); });