Stuck trying to show/hide items using multiple jQuery UI Sliders
I'm trying to develop a set of show/hide filters using multiple jQuery UI sliders.
I have a set of blocks - each has several data-attributes (time) assigned to them.
- <div id="block1" data-departuretime0="480" data-arrivaltime0="1200">
I'm trying to setup several sliders so a user can select multiple time ranges with the sliders and have the appropriate boxes within those times displayed. I can make one slider work but I'm stuck when I add the second slider. I need to show/hide it's results without disturbing the results of the first slider.
I have a semi-working jsFiddle here: http://jsfiddle.net/47yDB/12/
Any help or advice would be appreciated!
Jim