Lassen Sie mehr Schaltfläche lesen, bevor Sie klicken, bevor Sie klickenJavaScript

Javascript-Forum
Anonymous
 Lassen Sie mehr Schaltfläche lesen, bevor Sie klicken, bevor Sie klicken

Post by Anonymous »

Ich habe ein grundlegendes Verständnis von HTML, aber ich werde ehrlich sein, ich verstehe JavaScript überhaupt nicht und ich habe diesen Code von einem anderen Ort kopiert. Es funktioniert außer allem, was unter dem "Read More" bei Standardeinstellung sichtbar ist, und wenn Sie auf die Schaltfläche klicken, verbirgt es die Elemente. Ich möchte wissen, ob es eine Möglichkeit gibt, den Code zu bearbeiten < /p>

Code: Select all

function toggle(button){

// this works because the button is immediately after the "moreDetails" element it pertains to
let Text = button.previousElementSibling;

// this would work if you move the button so it is not immediately after moreDetails, but still in the same parent div.
//let Text = button.parentElement.querySelector(".moreDetails");

if(Text.style.display == "block"){
Text.style.display= "none";
}
else {
Text.style.display = "none";
}
}

const moreDetailses = document.querySelectorAll(".moreDetails");
for (let i = 0; i < moreDetailses.length; i++) {
moreDetailses[i].style.display = "none";
}

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post