DOM要素をクリックしたときに効果を達成しようとしています。この場合はlist、ターゲットlistが回転してその状態を維持します。
説明するのはちょっと難しいので、ここに私が現在取り組んでいるものへのリンクがあります。
丸みを帯びた灰色のオブジェクトを長押しすると、メニューのリストがゆっくりと表示されます。ただし、手放すと再び消えます。
私が目指している動作は、丸みを帯びた灰色のオブジェクトを1回クリックするだけでメニューが表示され、メニューは表示されたままになるというものです。
かなり長いので、代わりにcssリンクを提供します。
概念的には、mousedownイベントとmouseupイベントの両方のハンドラーと、両方にアクセスできるタイミングメカニズムを使用できます。
マウスダウンでタイミングメカニズムを開始し、スローアニメーションを開始します。
マウスアップでは、あなたはどちらか
マウスダウンが特定のしきい値を下回ったためにタイムラグが発生した場合（つまり、高速クリックだった場合）にアニメーションを完了します
マウスダウンがしきい値を超えてからのタイムラグがある場合は、アニメーションを終了し、メニューを開いていない状態に戻します（つまり、クリック+ホールドでした）
:targetあなたはセレクターに興味があるかもしれません。
さらに調査し、cssとjqueryをいじくり回した後、私はついにそれを解決しました。
私のcssの理解の欠如は、ここに問題があります。
結論：クリックするとメニューが再び非表示にならないようにするために、jqueryを介してDOM要素のデフォルト状態をオーバーライドする必要がありました。
ここで結果を確認できます。
しかし、提案をありがとう。それは有り難いです！