JQuery пункт меню активного

Question

У меня есть вид выпадающего меню: http://jsfiddle.net/hu5x3hL1/1/

HTML

<ul id="menu" class="sidebar"> 
    <li> <a href="#" class="clickme">Click me 1</a> 

     <ul id="menu1" style="display:none"> 
      <li><a class="dropdown-class-name" href="#">Dropdown link</a> 
      </li> 
      <li><a class="dropdown-class-name" href="#">Dropdown link</a> 
      </li> 
     </ul> 
    </li> 
    <li> <a href="#" class="clickme">Click me 2</a> 

     <ul style="display:none"> 
      <li><a href="#">Dropdown link</a> 
      </li> 
      <li><a href="#">Dropdown link</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

JQuery

$(document).ready(function() { 

    $('#menu li > a').click(function (e) { 

     if ($(this).next('ul').length > 0) { 

      var subNav = $(this).next('ul'); 

      if (subNav.is(':visible')) { 
       subNav.slideUp('normal') 
      } else { 
       $('#menu ul:visible').slideUp('normal'); 
       subNav.slideDown('normal'); 
      } 
     } 
    }); 
}); 

$('#menu1 li a').click(function (e) { 
    $('a').removeClass('dropdown-class-name wrapper'); 
    $(this).addClass('dropdown-class-name wrapper'); 
}); 

CSS

#menu1 li a.wrapper { 
    text-decoration:none; 
    font-weight:bold; 
} 

Вы можете видеть, что активный пункт меню выделен жирным шрифтом. Но на моем веб-сайте, когда я нажимаю на какую-то нисходящую ссылку, открывается новая страница, но активный элемент меню уже не выделен. Как сохранить выделение жирным шрифтом на новой странице веб-сайта?

Answer 1

Если вы используете PHP, и URL-адрес, как www.site.com/?page=home, вы будете использовать $ _GET

.. 
    <li> 
    <a href="?page=<?=$ifen.$arNewItem[1]?>" <?=($_GET['page'] == $ifen.$arNewItem[1]) ? 'class="active"' : null ?>>Home</a> 
    </li> 
    ..