在Javascript中单击V形时，如何将其从指向右改为指向下？

我正在从中获取V形向下图标和V形向右图标。我不确定从何处开始制作，这样当您单击“显示较少”文本时，它将变为“显示较多”，而V形将变为右侧的V形

另外，您如何使其在单击后，下面显示的内容显示得更少？

以下是解决方案。 运行这个

功能切换{ var chevElement=document.getElementById'chevron'； var-button=document.getElementById'toggle-button'； if chevElement.className.includes'right'{ button.innerHTML='显示较少的内容'； } else ifchevElement.className.包括'down'{ button.innerHTML='显示更多'； } } 简单可折叠 单击按钮在显示和隐藏内容之间切换

显示更多 Lorem ipsum dolor sit amet，奉献精英， 这是临时性的劳动和就业机会。我们在这里吃得很少， 我们的实验室是一个普通的实验室。 这是解决办法。 运行这个

功能切换{ var chevElement=document.getElementById'chevron'； var-button=document.getElementById'toggle-button'； if chevElement.className.includes'right'{ button.innerHTML='显示较少的内容'； } else ifchevElement.className.包括'down'{ button.innerHTML='显示更多'； } } 简单可折叠 单击按钮在显示和隐藏内容之间切换

显示更多 Lorem ipsum dolor sit amet，奉献精英， 这是临时性的劳动和就业机会。我们在这里吃得很少， 我们的实验室是一个普通的实验室。 使用HTML5详细信息元素，该元素

是这里语义正确的元素， 不需要任何Javascript， 作为HTML标准的一部分与屏幕阅读器兼容， 甚至不需要令人敬畏的字体，因为它已经配备了一个V形，完全符合您的要求。 .restyled摘要{文本转换：大写；} .restyled摘要：：标记{内容：›；} .restyled摘要：：-webkit详细信息标记{内容：›；} 显示更多 更多关于细节的信息

显示更多 更多关于细节的信息

使用HTML5详细信息元素，该元素

是这里语义正确的元素， 不需要任何Javascript， 作为HTML标准的一部分与屏幕阅读器兼容， 甚至不需要令人敬畏的字体，因为它已经配备了一个V形，完全符合您的要求。 .restyled摘要{文本转换：大写；} .restyled摘要：：标记{内容：›；} .restyled摘要：：-webkit详细信息标记{内容：›；} 显示更多 更多关于细节的信息

显示更多 更多关于细节的信息

---

一个可能的快速开始

document.queryselectoral.arrow.foreachFunction{ e、 addEventListenermousedown，函数{ toggleArrowe.id } 错误的 } 对格里罗的作用{ 如果document.getElementByIde.className==箭头显示{ document.getElementByIde.className=箭头隐藏 }否则{ document.getElementByIde.className=箭头显示 } } .阿罗{ 字号：2rem； 光标：指针 } .show：：之前{ 内容：⇩ } .隐藏：：之前{ 内容：⇨ } 更多 更多

---

更多快速启动

document.queryselectoral.arrow.foreachFunction{ e、 addEventListenermousedown，函数{ toggleArrowe.id } 错误的 } 对格里罗的作用{ 如果document.getElementByIde.className==箭头显示{ document.getElementByIde.className=箭头隐藏 }否则{ document.getElementByIde.className=箭头显示 } } .阿罗{ 字号：2rem； 光标：指针 } .show：：之前{ 内容：⇩ } .隐藏：：之前{ 内容：⇨ } 更多 更多

---

更多捕获单击事件并切换类。您没有共享任何代码，因此很难回答。您正在查找语义正确的details元素：这是否回答了您的问题？捕获单击事件并切换类。您没有共享任何代码，因此很难回答。您正在查找语义正确的details元素：这是否回答了您的问题？Chrome最新版本，普通版和重新设计版之间没有视觉差异。您好，谢谢您的解决方案！不过，我目前正在尝试学习Javascript，并希望找到一种方法，使我可以通过Javascript切换“显示更多”或“显示更少”按钮。这里是Chrome最新版本，普通和重新设置样式之间没有视觉差异。您好，感谢您提供解决方案！然而，我目前正在尝试学习Javascript，并希望

---

d一种方法，使我可以通过Javascript切换“显示更多”或“显示更少”按钮。我可以让按钮从V形按钮切换并更改文本，但是，下面的文本不会显示。当你点击按钮时，你的文本是如何显示的？@waldo233它是由Bootstrap中的collapseJS插件完成的。您可以使用带有href属性的链接，或带有data target属性的按钮。在这两种情况下，都需要数据切换=折叠。并且包含折叠文本的元素必须具有class=collapse。请记住添加我在标题中添加的CDN链接。我可以通过按钮从V字形切换并更改文本，但是，下面的文本不会显示。当你点击按钮时，你的文本是如何显示的？@waldo233它是由Bootstrap中的collapseJS插件完成的。您可以使用带有href属性的链接，或带有data target属性的按钮。在这两种情况下，都需要数据切换=折叠。并且包含折叠文本的元素必须具有class=collapse。记住添加我在标题中添加的CDN链接。