SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<div id="VMScrollBoth1" class="sliderGallery">
        <ul>
            <li class="VMScrollBoth handle6"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=1"></a></span></li>
            <li class="VMScrollBoth handle6"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=2"></a></span></li>
            <li class="VMScrollBoth handle6"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=3"></a></span></li>
            <li class="VMScrollBoth handle7"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=4"></a></span></li>
            <li class="VMScrollBoth handle7"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=5"></a></span></li>
            <li class="VMScrollBoth handle8"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=6"></a></span></li>
            <li class="VMScrollBoth handle8"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=7"></a></span></li>
            <li class="VMScrollBoth handle8"><span><a href="#"><img src="http://dummyimage.com/30x30/000/fff&text=8"></a></span></li>
        </ul>
        <div class="slider ui-slider">
            <a href="javascript:void(0)"> <div class="handle"></div></a>
            <span class="slider-lbl1" id="handle8">SIENNA</span>
            <span class="slider-lbl1" id="handle6">CARRIE</span>
            <span class="slider-lbl1" id="handle7">ISABELLE</span>
        </div>
    </div>

CSS

.gayab {diaplay:none }

JavaScript

jQuery('.slider-lbl1').live('click',function () {
  $("#VMScrollBoth1 li").show().not("." + this.id).hide();
});