特定のアンカーのクリックに基づいて互いの間で遷移する 2 つのメニューが重なり合っています。.defaultMenu
それらを and と呼びましょう.secondMenu
。アンカーは.showSecondMenu
and で、戻るには をクリックする必要があります.hideSecondMenu
。それらの間の遷移には、不透明アニメーションが含まれます。通常、私display: none
は「非表示」メニューのクリックを無視していましたが、今回display: none
はオプションではありません。
を使用するトピックが見つかりましたpointer-event: none
が、IE9/10 では動作しません。そのため、互いに重なっている 2 つのメニュー間を簡単に移行する方法を探していますが、アクティブなメニュー項目のみがクリック可能です。
全体的なアイデアは、メニューが.defaultMenu
から.secondMenu
(および後方に) 移行すると、アクティブなメニューがフェードアウトし、新しい非表示のメニューがフェードインするということです。
述べられているように、IE9/10 と互換性があるはずです。