Question

I’m trying to get JQuery to highlight an element based on the link ID selector

For Example

<a href="#thisid">Goto Element with ID name</a>

Highlights the element below.

<div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div>

Iv tried searching for relevant plugins but no joy. Any ideas?

Answer 1

So you only want to add a class?

jQuery('a[href^=#]').click(function(){
    var id = this.hash.replace('#','');
    $('#' + id).addClass('isNowHighlighted');
});

---

EDIT:

In answer to your comment; you could do the same when the page loads:

$(document).ready(function(){
    if (window.location.hash) {
        $('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
    }
});