HTML-ссылка не работает несоответствие с эффектами jQuery

Я пытаюсь интегрировать эффект jQuery в сочетании с HTML-ссылками, например: Когда я нажимаю на ссылку, она должна отображать конкретный Div, который находится на главной странице, он также должен перейти к требуемой странице, приведен код, который я использую для достижения этого без успеха:

<script type="text/javascript">
$(document).ready(function () {

 $('#services-sub-menu').hide();
   $('#services').click(function () {
     $('#services-sub-menu').show("slow");
     return false;
      });

});
 <div class="Menu2"><a href="/articles" id="articles">ARTICLES</a><br /> <a href="/services" id="services">TESTIMONIALS</a><br /><a href="#" id="contact">CONTACT US</a></div>
 </div><div class="sub-menu">
  <div id="services-sub-menu"><a href="/services-submenu" /></div>

</div>

эффект jQuery Работа, но страница не навигация на странице служб