First, use a single function for all your sections:
function showSection(hash) {
var tp = '.'+hash.substring(1);
$("#projectselect li").not(tp).removeClass('selected').hide().end()
.filter(tp).addClass('selected').show();
}
$("#subnav a").click(function(){
showSection( $(this).attr('href') );
});
Then you can reuse it on load:
$(document).ready(function(){
showSection( window.location.hash );
});
cheers,
- ricardo
On Dec 28, 9:39 pm, John Przepadlo <[email protected]> wrote:
> Hey,
> I am a designer who is redesigning my portfolio and incorporating some
> jQuery on the new site. I have a function that acts to filter some
> items on a page. I would like to also be able to link into the page
> and have it already filter the results.
>
> Here is the page:http://www.jlanedesign.com/download/jld_new/code/projects/
>
> If you click any one of the inline list items near the top: web
> design, web dev, print, branding, photography, they have an onclick
> function that hides the other options.
>
> What I would like to do is have a url be able to directly do this same
> function. IE:http://www.jlanedesign.com/download/jld_new/code/projects/#print
> would filter the results of the page and show only the print projects
> as the link at top does.
>
> Okay be kind but my basic function looks like this:
>
> // filtering for sub nav on projects/index.html
> $("a.print").click(function(){
> $(".webprojects, .devprojects, .photoprojects, .logoprojects").hide
> ();
> $(".all, .printprojects").show();
> $(".print").addClass("selected");
> $(".all, .web, .dev, .photo, .logo").removeClass("selected");
> });
>
> $("a.web").click(function(){
> $(".printprojects, .devprojects, .photoprojects, .logoprojects").hide
> ();
> $(".all, .webprojects").show();
> $(".web").addClass("selected");
> $(".all, .print, .dev, .photo, .logo").removeClass("selected");
> });
>
> ...
>
> Is there a way to bind the hash to this function? Is there another way
> to go about this? Thoughts, ideas, comments?
