Html：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="../css/20231022.css"> <script src="../js/jquery-3.7.1.js"></script> </head> <body> <div>Css：*{ margin: 0; padding: 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-sizing: border-box;}body{ background-color: aquamarine; display: flex; min-height: 100vh; align-items: center; justify-content: center;}.accordion{ max-width: 600px; padding: 20px;}.accordion-item{ border-bottom: 1px solid #ddd; padding: 20px 0;}.item-header{ padding: 14px 6px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}.title{ font-size: 20px; font-weight: 600;}.icon{ width: 28px; height: 28px; border: 2px solid #000; border-radius: 50%; text-align: center; font-size: 30px; font-weight: 700; line-height: 25px;}.text{ color: #888; padding: 0 6px; max-height: 0; overflow: hidden;}.accordion-item.active .text{ max-height: 600px; transition: .4s linear;}
