Show next Slide for current .flexslider only

I was hoping someone could help me modify the following piece of jQuery script to only go to the next slide for the object clicked and not all instances of .flexslider on my page

$(window).load(function() {
  $('[id^=flexslider_]').flexslider({
        animation: 'fade',
        slideshow: false,
        controlNav: false,
        directionNav : false,
        controlsContainer: '.flex-container',
        start: function(slider) {
          $('.slides li').click(function(event){
            event.preventDefault();
            slider.flexAnimate(slider.getTarget("next"));
         });
        }
   });         
 });

At the moment if i click any li element within .flexslider all my sliders change. I only want to select the slider i am clicking

EDIT

I have put in a

console.log(slider);

to see if it is finding each slider, the output is

div#flexslider_5.flexslider
div#flexslider_6.flexslider

So it has found both

Thanks

Answers


Small tweak to my existing setup has it working, thought i would post this incase it helps someone else

$(window).load(function() {
 $('[id^=flexslider_]').flexslider({
    animation: 'fade',
    slideshow: false,
    controlNav: false,
    directionNav : false,
    controlsContainer: '.flex-container',
    start: function(slider) {
     slider.find('.slides').click(function(event){ // Added slider.find('.slides')
        event.preventDefault();
        slider.flexAnimate(slider.getTarget("next"));
     });
    }
 });         
});

Need Your Help

MySQL union 2 tables to order by

mysql select union

My ordination does not work , I want to sort table data 1

VHDL: how do I perform multiple things for one case?

vhdl fpga

I am getting this error message which i don't understand for this codepiece