I have a web page that looks alot like this one.

andrew.hedges.name/experiments/narrowing/

With a list of name that can be selected with a drop down box.

I want to add a filtering feature like this one below.


/jsfiddle.net/andrewwhitaker/KcStv/


How can I add this feature to my site?

I have a list of names and I want to be able to click the name in the drop down box and only see there info.




$("#selectBrian").click(function () {

$("#Character").val("Brian");

});

Can I write the script after this for each name?

I have <li class="toclevel-1 tocsection-1"> to bring me to parts of the page but I want to have a way of just showing the names when I click the drop down name.