我會在我的班級切換時添加一些過渡或動畫，例如，在下面的代碼中，我有一個側邊欄，我已經添加了一些動畫，使用 CSS 動畫庫。當側邊欄打開時，我將它與另一個類切換，動畫工作，但當它關閉時，動畫不再工作。關于我想要什么的更多細節：1- 我打算當 sidebar1 類與 sidebar_menu 切換時，一些動畫或過渡會增長以應用于它，正如我在頂部解釋的那樣，我的意思是當側邊欄被關閉時動畫或過渡增長以應用于它2-側邊欄打開時沒問題，我只想要側邊欄通過動畫打開，通過動畫關閉時，如果我解釋不好，我很抱歉。如果有任何問題請問我會回答這是我制作的演示，我認為它顯示了我的意思更好的 演示這是我的 JQ 代碼：$(document).ready(function() {   $(".response_menu_icon").click(function() {      $(".sidebar1").toggleClass("sidebar_menu");   });   //   $(".response_more_icon").click(function() {      $(".area1").toggleClass("area_more");   });});這是我的 HTML 代碼：<i data-feather="more-horizontal" class="response_more_icon"></i><!--  --><a href="" class="sidebar1 animate__animated animate__slideInRight">     <div class="sidebar_right">        <!--  -->        <h4>Dashboard</h4>        <a href=""><i data-feather="settings"></i><span>dashboard</span></a>        <!--  -->     </div></a>這是我的 CSS 代碼：.sidebar1 {   display: none;}.sidebar_menu {   // display: none;   width: 250px;   height: 100%;   position: fixed;   top: 80px;   display: flex;   flex-wrap: wrap;   flex-direction: column;   text-align: center;   background-color: #ffffff;   -webkit-box-shadow: -2px 10px 8px 3px #eeeeee;   -moz-box-shadow: -2px 10px 8px 3px #eeeeee;   box-shadow: -2px 10px 8px 3px #eeeeee;}