minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes

Question

• I am new to js.
• i need to display 6 sliders. each div when I click should open its corresponding content.
• when i click the div again the content shou

Answer 1

try to use just one static and pass the text that will be on the p tag as a parameter, so you don't have a lot of functions there

     static accordion(ballInfo, content) {
        if (ballInfo.isRetrieving) {
            return (
                
            );
        } else if (ballInfo.error) {
            return (
                Unavailable
            );
        } else {
            return (
                

                    

                        {{content}}
                    
                
            );
        }
    }

so on your call to the accordion, you just add the other parameter