Кнопки навигации stay / shift

Я пытаюсь получить последние две кнопки навигации («образование «и» контакт»), чтобы переместить значки социальных сетей влево, а затем остаться там.

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

По какой-то причине сразу при нажатии, он мгновенно отображается правильно, но затем иконки социальных медиа вернуться обратно. Если нажать кнопку еще раз, то она отобразится правильно (как она должна отображаться).

Навигация представляет собой php include. Вот код:

        <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>

2 ответа

  1. .link1Класс должен быть здесь, когда вы загружаете страницу образования, например.

    Способ сделать это-протестировать активную текущую страницу и добавить в меню класс с условием PHP.

    Он отображает моментально хорошо, потому что, конечно, сценарий JS вы сделали по щелчку ссылки, а затем он загружает страницу.

  2. вы добавляете дополнительный класс, чтобы переместить социальные иконки слева, что один link2
    «следуйте current1 link2″.
    поэтому, когда вы нажимаете затем jquery добавить этот класс, но на то же время страницы обновления, то» link2 » класс ушел.
    так что вам нужно установить условие через php,
    если страница является контактной, то добавьте класс «link2» в этот div.

    <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>