JQuery range slider to show hide blocks of content

JQuery range slider to show hide blocks of content

Hi all

I'm trying to use the Jquery range slider shown here:
http://jqueryui.com/demos/slider/#range

I have four blocks of content. I would like the movement of the range to show/hide the blocks of content, based on their ID. So, I guess there would be four increments on the slider panel. If both sliders were on a single increment, it would only show that block of content. If they were all the way out to both ends of the slider panel, it would show all four blocks of content, etc.

I'm struggling to find any examples of this online. Would anyone be able to provide me with a link? Even if it were a single slider that showed blocks of content according to the position, that would be a help.

Thanks all!