我會(huì)在我的班級(jí)切換時(shí)添加一些過(guò)渡或動(dòng)畫(huà)，例如，在下面的代碼中，我有一個(gè)側(cè)邊欄，我已經(jīng)添加了一些動(dòng)畫(huà)，使用 CSS 動(dòng)畫(huà)庫(kù)。當(dāng)側(cè)邊欄打開(kāi)時(shí)，我將它與另一個(gè)類(lèi)切換，動(dòng)畫(huà)工作，但當(dāng)它關(guān)閉時(shí)，動(dòng)畫(huà)不再工作。關(guān)于我想要什么的更多細(xì)節(jié)：1- 我打算當(dāng) sidebar1 類(lèi)與 sidebar_menu 切換時(shí)，一些動(dòng)畫(huà)或過(guò)渡會(huì)增長(zhǎng)以應(yīng)用于它，正如我在頂部解釋的那樣，我的意思是當(dāng)側(cè)邊欄被關(guān)閉時(shí)動(dòng)畫(huà)或過(guò)渡增長(zhǎng)以應(yīng)用于它2-側(cè)邊欄打開(kāi)時(shí)沒(méi)問(wèn)題，我只想要側(cè)邊欄通過(guò)動(dòng)畫(huà)打開(kāi)，通過(guò)動(dòng)畫(huà)關(guān)閉時(shí)，如果我解釋不好，我很抱歉。如果有任何問(wèn)題請(qǐng)問(wèn)我會(huì)回答這是我制作的演示，我認(rèn)為它顯示了我的意思更好的 演示這是我的 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;}