Hey gente. Estoy usando un poco de jQuery para hacer una especie de mi cartera en vivo cuando se seleccionan varias categorías. Básicamente, el script coincide con el contenido de un<li> etiqueta al hacer clic (mi menú) con los nombres de clase de otros<li> etiquetas en otra parte de la página. El resultado es que los elementos de la cartera coinciden con la navegación en la que se hizo clic y mostrará el resto. Una especie en vivo. Sin embargo, quiero agregar la capacidad de agregar un enlace permanente para activar el jquery para ordenar por un hashtag al final ... por ejemplo:work.html#category1 configuraría automáticamente el script para ocultar todo menos la categoría uno. Mi secuencia de comandos y la configuración de la página básica están a continuación. Cualquier ayuda sería muy apreciada!

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