ナビゲーションボタンの滞在/シフト

Question

私はソーシャルメディアのアイコンを左に移動してそこに留まる最後の2つのナビゲーションボタン（ "教育"と "連絡先"）を取得しようとしています。何らかの理由で

http://comms101.co.za/populus/index.php#

クリックしたときに、すぐに、それは一時的に正しく表示されるが、その後のソーシャルメディアのアイコンが戻します。もう一度ボタンをクリックすると、正しく表示されます（表示方法）。

ナビゲーションはPHPに付属しています。ここでは、コードは次のようになります。

 <div class="row"> 
       <div class="col-lg-5 col-md-5"> 
        <div class="logo"><a href="#"><img src="imgs/logo.png" alt="logo"></a></div> 
       </div> 
       <div class="col-lg-7 col-md-7 mn"> 
        <div class="follow current1" style=""> <a href="#"><img src="imgs/f.png" alt=""></a> <a href="#"><img src="imgs/int.png" alt=""></a> <a href="#"><img src="imgs/in.png" alt=""></a> </div> 
        <div id="menu-icon"> 
        <div class="menu-icn"><span></span><span></span><span></span></div> 
        </div> 

        <div class="menu" id="menu"> 
        <ul id="links"> 
         <li class="link"><a href="index.php">HOME</a></li> 
        <li class="link"><a href="about.php">ABOUT</a></li> 
        <li class="link"><a href="resources.php">RESOURCES</a></li> 
         <li class="link"><a href="training.php">TRAINING</a></li> 
         <li class="link"><a href="coaching.php">COACHING</a></li> 
         <li class="folow current1 current"><a href="education.php">EDUCATION</a></li> 
         <li class="folow1 current2 link"><a href="contact.php">CONTACT</a></li> 
        </ul> 
       </div> 
      </div> 

Answer 1

追加のクラスを追加して、ソーシャルアイコンを1つ左側に移動します。 "follow current1 link2"。 クリックするとjqueryがこのクラスを追加しますが、同じ時間にページをリフレッシュしてから "link2"クラスは消えます。 あなたが必要とするのは、このページに連絡している場合は のphpで条件を設定し、このdivにクラス "link2"を追加することです。

<div class="follow current1 link2"> 
 
    <a href="#"><img src="imgs/f.png" alt=""></a> 
 
    <a href="#"><img src="imgs/int.png" alt=""></a> 
 
    <a href="#"><img src="imgs/in.png" alt=""></a> 
 
</div>

Answer 2

.link1クラスを使用すると、たとえば教育のページをロードするとき、ここでなければなりません。

これを行う方法は、アクティブな現在のページをテストし、メニューにPHP条件付きのクラスを追加することです。

リンクをクリックして作成したJSスクリプトが表示され、ページが読み込まれているため、すぐに表示されます。