Эй, ребята. Я использую немного jQuery для создания своего портфолио в реальном времени, когда выбраны различные категории. По сути, скрипт соответствует содержанию<li> тег по клику (мое меню) с именами классов других<li> теги в других местах на странице. Результатом будет то, что элементы портфеля, совпадающие с выбранной навигацией, будут отображать и скрывать остальные Живой вид. Тем не менее, я хочу добавить возможность добавить постоянную ссылку, чтобы активировать jquery для сортировки по хэштегу в конце .. например:work.html#category1 будет автоматически устанавливать скрипт, чтобы скрыть все, кроме первой категории. Мой скрипт и основные настройки страницы приведены ниже. Любая помощь будет принята с благодарностью!

 <script>
    $(document).ready(function() {
        $('#worknavwrap p a').click(function() {
            $(this).css('outline','none');
            $('ul#worknavwrap .current').removeClass('current');
            $(this).parent().addClass('current');

            var filterVal = $(this).text().toLowerCase().replace(' ','_');

            if(filterVal == 'all') {
                $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
            } else {

                $('ul#portfolio li').each(function() {
                    if(!$(this).hasClass(filterVal)) {
                        $(this).fadeOut('normal').addClass('hidden');
                    } else {
                        $(this).fadeIn('slow').removeClass('hidden');
                    }
                });
            }

            return false;
        });
    });
    </script>
    <ul id="worknavwrap">
      <li><a href="#category1">Category 1</a></li>
      <li><a href="#category2">Category 2</a></li>
      <li><a href="#category3">Category 3</a></li>
    </ul>
    <ul id="portfolio">
      <li class="category1">Item 1</li>
      <li class="category1">Item 2</li>
      <li class="category2">Item 3</li>
      <li class="category1">Item 4</li>
      <li class="category3">Item 5</li>
      <li class="category3">Item 6</li>
      <li class="category2">Item 7</li>
      <li class="category1">Item 8</li>
    </ul>