別のdivやリスト要素を使ってdiv要素の.activeをアクティブにする方法はありますか？

Question

は、私がxにハンバーガーメニューからトランジションを作成するために、.activeを使用しているナビゲーション 閉じナビゲーション
をオープンしました。 私が持っている問題は、ナビゲーション内の項目をクリックすると、ハンバーガーメニューに戻らないということです。

アクティブにするにはどうすればよいですか？リンクをクリックしたときにナビゲーションが戻ってきますが、xは元の状態に戻りません。

<div class="fullnavBtn" id="toggle"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> </div> 


.fullnavBtn.active .top { 
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg); 
    transform: translateY(11px) translateX(0) rotate(45deg); 
    background: #00a0ca; 
} 

.fullnavBtn.active .middle { 
    opacity: 0; 
    background: #00a0ca; 
} 

.fullnavBtn.active .bottom { 
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg); 
    transform: translateY(-11px) translateX(0) rotate(-45deg); 
    background: #00a0ca; 
} 

$(document).ready(function() { 
    $('#toggle').click(function() { 
     $(this).toggleClass('active'); 
     $('#fullnav').toggleClass('open'); 
    }); 
}); 

$(function() { 
    $('#toggletwo').click(function() { 
     $(this).toggleClass('active'); 
     $('#fullnav').toggleClass('open'); 
    }); 
}); 

Answer 1

div＃fullnavとオープンクラスは含まれていません。コードを見ると、#fullnavはdiv＃トグルの外にあるナビゲーション部分です。したがって、div＃fullnavにこれらのクラスを再び切り替えるclickイベントを含める必要があります。

$('#fullnav').click(function(){ 
    $(this).toggleClass('open'); 
    $('#toggle').toggleClass('active'); 
}); 

これが役に立ちます。