JS выбор блока контента внешней ссылкой

На главной странице (stom-mva ru) одни пункты меню(ссылки) ведут на другие страницы, другие пункты - меняют на div'ы (основной "контент") с помощью этого кода:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
    $('.m').on('click', function(e) {
        e.preventDefault();
        $('.content').each(function() {
            $(this).css('display', 'none');
        });
        var block = $(this).attr('href');
        $(block).css('display', 'block');
    });
});
</script> 

и

<li ><a href="#about" class="m" id="abo"> </a></li> 
    <li ><a href="uslugi.html"  id="usl"></a></li>
    <li ><a href="gallery.html"  id="gall" ></a></li>
    <li ><a href="#contacts" class="m" id="cont" ></a></li>

...

<div class="content" id="about">

...

Вопрос: как сделать так, что бы ЭТО меню корректно работало и с других страниц сайта? Т.е. чтоб и на других страницах ссылки, которые ведут на "дополнительные" div'ы на главной, срабатывали правильно, и показывали автоматом нужные блоки?

Как я думаю, что тут может быть 2 пути: 1. правильно указать в ссылках меню эти "динамические" блоки. (но как? знаю, только, что такое используется в CMS, но там же php!, и будут ли они тогда ЧПУ?) 2. в скрипт допилить функцию "срабатывания" и при переходе с "внешних" ссылок. Но как?