Ulimate jQuery highlight script?
Posted: Tue Feb 05, 2008 2:37 pm
My site apparently can be overwhelming to some people (who obviously haven't seen some of the five column layouts I've seen
) so any way I think it would be a nifty idea to do a one-time highlight of the section when someone clicks a link with a # symbol. My site's code is very clean and well organized though let me explain it in clearer detail...
For example let's say you're listening to a music artist and click the PL button. It will load the playlist page that the artist is featured on and the browser will automatically scroll to #track06 (or id="track06") for example.
I'm aware and currently have the following implemented...
I was wondering if the same idea could be applied but instead it would highlight with a specific color and fade out of the next('div') after the #id selected from the referring page? So if you visit my site, listen to an artist, click the PL button, and navigate to the sixth track on any playlist it will visually highlight the background color and fade back to the default. Does this make sense or do I sound
? 
For example let's say you're listening to a music artist and click the PL button. It will load the playlist page that the artist is featured on and the browser will automatically scroll to #track06 (or id="track06") for example.
I'm aware and currently have the following implemented...
Code: Select all
$("h1").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h2").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h3").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h4").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})