親メニュー未選択の時は消してって意味だったんですけどね・・後、選択済みのメニュー用の＜ｐ＞要素置いてありますので、親メニュー子メニュー共に、選択中のメニューを＜ａ＞要素から＜ｐ＞要素に変更してください。
そしてできれば、子メニューは選択されたら”ｍｅｎｕ２”には選択済みと「他のも見る」みたいな子メニューを全部表示するような仕掛けにならないかな？（スマホとか画面の小さい端末に優しいかと思って）
ｎａｖｉは、子メニュー選択まで出さないとか・・・・複雑になりすぎるかな？

今は、＜ａ＞要素ごと＜ｐ＞要素に入れてるのか・・・・それでもいいけど、選択していない親メニューまで入ってる・・・・

最初は

＜ａ＞研究記録室＜／ａ＞＜ａ＞研究資料室＜／ａ＞

だと思いますが、研究記録室を選択したら・・・・

＜ｐ＞研究記録室＜／ｐ＞＜ａ＞研究資料室＜／ａ＞

みたいにして欲しいのです。

今描いているイメージは、親メニュ－を選択したら少し下がって子メニューにくっついて表示されるようにする。
親メニューから子メニューが出てきているようなイメージです。