Wie schließe ich die Zusammenfassung der Details und des Zusammenfassungscodes von HTML programmgesteuert? ⇐ HTML

[Anonymous]

Ich verwende dieses wiederholte Muster von Fragen und Antworten mit den Details und dem Zusammenfassungscode des Browsers. Was ich gerne wissen möchte, ist, wie der Abschnitt "Details" programmgesteuert über JavaScript "schließt". Es kann geschlossen werden, indem Sie auf den Zusammenfassungstext klicken. Aber ich möchte es programmgesteuert schließen, um etwas anderes zu tun. < /P>

Question

Answer Title One
Panel One

Answer


Answer Title Two
Panel Two

Answer

TOP

< /code>
Ich habe im Moment eine Funktion, dass wenn eine andere Funktion die Karte auswählt, so dass sie sie in die Sichtweise stellt und hervorhebt, die Hintergrundfarbe von blau zu rosa wechselt. Wenn Sie auf die obere Schaltfläche klicken, um nach oben zurückzukehren, möchte ich, dass der Code zusätzlich den Zusammenfassungsinhalt schließt. Was kann ich dem folgenden Code hinzufügen, um das Schließen des Zusammenfassungsinhalts einzuschließen (das Schließen aller Zusammenfassungsinhalte auf der Seite ist ideal)? < /P>

const buttons = document.querySelectorAll('.toTop'); /* This is the button that takes one to the top of the page */
function toTop() {
var elements =
document.getElementsByClassName('card'); /* get all the cards and revert their background-color to blue */
for(var i = 0; i < elements.length; i++) {
elements.style.backgroundColor = 'aliceblue';
}
window.location.assign("#top"); /* slide page to top */
}
buttons.forEach((button) => {
button.addEventListener('click', toTop);
});

< /code>
Ich frage keine Schaltfläche, um alle offenen Detailkarten zu schließen. Ich habe eine Schaltfläche verwendet und möchte Code hinzufügen, um die Details zu schließen, die zusätzlich zum anderen Funktionscode geöffnet sind.