使用HTML

Question

我是html的新手，我需要你的支持。请看我的代码：

https://fiddle.jshell.net/ghLoau6r/1/

现在我想将常见问题列表列为表格。要求是：

• 当我们点击任何链接按钮（这里我们有2个链接按钮作为表的2行）时，必须更改背景（不再是粉红色，而是另一种颜色）
• 当我们点击任何链接按钮时，行开头的三角形也会变为另一种形式（我已经创建但我的代码没有运行）
• 当我们点击“显示信息2”时，应显示相应的“内容2”，而不是“内容1”。

请帮助我，非常感谢你们！

Answer 1

所以，不要粗鲁，但所以需要在这里解决许多事情，我没有时间与你分享。我强烈建议你拿一本书（HeadFirst HTML＆amp; CSS并不是很糟糕，还有很多其他的）并且在继续工作之前要有一个扎实的理解。

也就是说，您的具体问题的核心问题是，首先，ID应该是唯一的（您有两个ID为＆＃39; content1＆＃39;的元素）。其次，你的第二个链接仍在寻找内容1，即使你想要content2。快速修复将更新第二个内容区域的ID，然后更新锚点onclick处理程序以查找正确的ID。

尽管如此，这远非理想或可扩展的解决方案，所以请阅读。

Answer 2

如评论所述，我认为如果没有完全为您编写，将很难提供帮助。但是我想至少指出你应该将JavaScript从内联/ HTML中移动到一个单独的JS文件中。

在你的JS小提琴中，拿下：

onclick="document.getElementById('content1').style.display=(document.getElementById('content1').style.display=='none')?'block':'none'"

并将其放入＆＃34; JavaScript＆＃34; JS Fiddle的一部分，在$(document).ready()函数内部。使用jQuery将onclick事件注册到您想要的行为。可以通过使用jQuery URI（例如https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js

）在您的小提琴中包含jQuery

Godpseeed