する質問をすることでしか得られない、回答やアドバイスがある。39前提・実現したいことレスポンシブなドロワーメニューを自作しています。横幅が600px以下だと、ナビが消え、ハンバーガーメニューが表示されます。ハンバーガーメニューをクリックすると横からナビがスライドして現れる仕様です。ここまでは上手く行きました。実現したいことは、ブラウザを600px以下にした時に一度起きるスライドのアニメーションを実行させたくないことです。一度スライドのアニメーションが発生してしまうことです。0.7s;を設定しているため、ブラウザを600px以下になった時に一度スライドのアニメーションが発生してしまうのではないかと思います。この記述を消してしまうと、ハンバーガーメニューをクリックしてもアニメーションが発生しない状況になってしまいます。0.7s;を設定した場合、ブラウザを600px以下にしてもアニメーションは発生しないのですが、今度はハンバーガーメニューをクリックした際のスライドのアニメーションがオープンの時にのみ適用されるようになります。クローズの時には適用されません。手詰まりの状態ですので、ご回答いただけると幸いです。https://jsfiddle.net/ululami/2gawt76r/3/jsfiddleの方にコードをアップしましたので、動作の確認などにご活用ください。ご返答よろしくお願い致します。3.3.1attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。19:29ご回答ありがとうございます。自分が実装したいこと通りに動き、大変感謝しています。navの子要素のul要素に対してアニメーション効果を付けるのは気づきませんでした。これによりウィンドウの幅を変えてもアニメーションが起動しないという感じですね。ご回答ありがとうございます。自分が実装したいこと通りに動き、大変感謝しています。navの子要素のul要素に対してアニメーション効果を付けるのは気づきませんでした。これによりウィンドウの幅を変えてもアニメーションが起動しないという感じですね。0スライドショーの画像が突然右に寄ってしまった。頂いたご意見への回答は行っておりません。