Javascript 通过HTML常见问题解答显示更多/更少

Javascript 通过HTML常见问题解答显示更多/更少,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是一个html新手,我需要你的支持。请看我的代码: 现在我想把常见问题列成表格。这些要求是: 当我们点击任何链接按钮时(这里我们有两个链接按钮作为表格的两行),背景必须改变(不再是粉红色,而是另一种颜色) 当我们点击任何链接按钮时,行开头的三角形也会变成另一种形式(我已经创建了,但我的代码没有运行) 单击“显示信息2”时,应显示相应的“内容2”,而不是现在的“内容1” 请帮帮我,非常感谢你们 所以,恕我直言,这里有太多的事情需要解决,我没有时间和大家分享。我强烈建议你在继续工作之前先读一

我是一个html新手,我需要你的支持。请看我的代码:

现在我想把常见问题列成表格。这些要求是:

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

请帮帮我,非常感谢你们

所以,恕我直言,这里有太多的事情需要解决,我没有时间和大家分享。我强烈建议你在继续工作之前先读一本书(headfirsthtml&CSS还不错,还有很多其他的),并对它有一个坚实的理解

也就是说,特定问题的核心问题是,首先,ID应该是唯一的(您有两个ID为“content1”的元素)。第二,你的第二个链接仍然在寻找content1,即使你想要content2。快速修复方法是更新第二个内容区域的ID,然后更新anchor onclick处理程序以查找正确的ID


也就是说,这远远不是一个理想的或可扩展的解决方案,所以请仔细阅读

如前所述,我认为如果不完全为您编写,我将很难提供帮助。但我想至少指出,您应该将JavaScript从HTML中的inline/移动到一个单独的JS文件中

在你的JS小提琴中,拿着这个:

onclick="document.getElementById('content1').style.display=(document.getElementById('content1').style.display=='none')?'block':'none'"
并将其放在JS Fiddle的“JavaScript”部分,在
$(document).ready()函数中。使用
jQuery
将onclick事件注册为所需的行为。可以通过使用jQuery URI(如
https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js


Godpseeed

——我看到这是您代码的第一行。我认为你根本不知道自己在做什么,这让你很难帮上忙……不接受以前的好答案,也不投任何赞成票,也没什么帮助。你最好在这里尝试一下这些例子,开始吧:谢谢你们说实话。我同意我对html知之甚少。在我真的放弃之前,我也不想问。但是这个案子我有急事,所以我需要问一下。在此之后,我将认真学习html。我已经更正了代码中的一些要点,所以ID的问题得到了解决,但看起来仍然很愚蠢。你们能不能至少告诉我如何解决背景和三角形的下一个问题?你知道,我真的想把他也指给jQuery看,但我想他已经有足够的东西可以学了,不需要再添加更多内容P和我对那些喜欢摇滚香草的人有一种好感,因为我在任何好的框架问世之前就开始学习JS了。@Paul-我听说了。但是,即使我没有完全理解jQuery为我做了什么,作为一个试图让东西正常工作的新手,我还是非常欣赏jQuery带来的简单性和易用性