Question

Is it possible to deactivate the plugin ‘bxSlider’ on mouseleave?

$('.post').mouseenter(function() {   
         $('.content .bxSlider').each(function(){
             $(this).bxSlider({auto: 'true'});
         });
     }).mouseleave(function() {
         // ??
});

Please advice…

Answer 1

Why do you want to stop it? Do you want it to auto-advance only while hovered?
Looking at the options I belive you can do this:

$('.content .bxSlider').each(function(){
         $(this).bxSlider();
});

$('.post').mouseenter(function() {   
         $('.content .bxSlider').each(function(){
             $(this).startAuto();
         });
     }).mouseleave(function() {   
         $('.content .bxSlider').each(function(){
             $(this).stopAuto();
         });
});

Naturally this code could be optimised a bit, maybe with some variables to reduce the number of dom searches, but I think this is what you’re after 🙂

EDIT

Right so the above doesn’t work. The public function isn’t recognised unless the slider object is a variable. I’m not sure why but here’s how I got around it:

var sliders = []; // store for the sliders

$('.content .bxSlider').each(function() {
    sliders.push($(this).bxSlider({auto: false})); // create a slider and store it
});

$('.post').mouseenter(function() {   
         $.each(sliders, function(i){
             sliders[i].startAuto(); // start each slider
         });
     }).mouseleave(function() {   
         $.each(sliders, function(i){
             sliders[i].stopAuto(); // stop each slider
         });
});​

And here it is working: http://jsfiddle.net/KBfx9/
Hope that helps!

EDIT 2
Solution for triggering nested slideshow:

The previous solution was to trigger multiple slideshows simultaneously. I have amended it here: http://jsfiddle.net/KBfx9/1/ to trigger the nested slideshow. Note: I’ve just use the class .content as my identifier instead of post because in my example the latter is unneeded. Additionally I’ve used the container’s index() to identify the relevant slider since this will work in the page the OP has linked to (in the comments below).

Hope this sorts it for you 🙂