Question

我的网页中有一组div，我希望在点击触发器div时切换目标div。

<div class="trigger">...</div>
<div class="target">...</div>

我知道用一组div来实现这个jQuery函数但有没有办法将trigger-div绑定到target-div所以每个trigger-div触发正确的div来切换？

Answer 1

对于严格语义HTML5 ，您可以使用HTML5 <details>标记。 <details>标记可用于创建用户可以打开和关闭的交互式窗口小部件。任何类型的内容都可以放在<details>标记内。

 <details>
      <summary>Copyright 1999-2014.</summary>
      <p> - by Refsnes Data. All Rights Reserved.</p>
      <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
 </details>

有许多JavaScript / CSS方法，但我建议尽可能使用推荐的标签。请记住，目前，触发事件不适用于IE - 但它会显示完整内容而不会出错。

https://www.w3schools.com/tags/tag_details.asp

Answer 2

请检查以下示例，我将click事件附加到类触发器，然后使用基本上是单击元素的this，并使用next（）访问相邻元素，然后添加一个类。< / p>

DEMO

具有切换功能的多个元素

2 个答案: