You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
571 B
JavaScript
20 lines
571 B
JavaScript
import React, { useState } from 'react';
|
|
|
|
const Accordion = ({ title, content }) => {
|
|
|
|
const [isActive, setIsActive] = useState(false);
|
|
|
|
return (
|
|
<div className="accordion-item">
|
|
<div className="accordion-title" onClick={() => setIsActive(!isActive)}>
|
|
<p>
|
|
<b>{title}</b>
|
|
<span style={{float: "right"}}><b>{isActive ? '-' : '+'}</b></span>
|
|
</p>
|
|
</div>
|
|
{isActive && <div className="accordion-content"><hr /><p dangerouslySetInnerHTML={{__html: content}}></p></div>}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Accordion; |