如何在reactjs中执行jQuery slideToggle()等价物？

import React, { useState } from 'react';
import { CSSTransition } from 'react-transition-group';
import './styles.css'; // 引入自定义的CSS样式

const App = () => {
  const [isExpanded, setIsExpanded] = useState(false);

  const handleToggle = () => {
    setIsExpanded(!isExpanded);
  };

  return (
    <div>
      <button onClick={handleToggle}>Toggle</button>
      <CSSTransition
        in={isExpanded}
        timeout={300}
        classNames="slide"
        unmountOnExit
      >
        <div className="content">Content goes here</div>
      </CSSTransition>
    </div>
  );
};

export default App;