Not able to disable the lightSlider function

[rajagh]

Hi, I'm initialization the function on true condition on select drop down, but not able to destroy the same on else condition.

pls help me.

[w00fz]

I'm not sure I understand what you are trying to do, mind sharing some code?

[rajagh]

I'm calling below function on select dropdown/onchange on ture condition lightSlider get initialized and other hand it's destroy/ de-initialized on else condition. ///////////////////////////////////////////////////////////// var galleryPangination = function (id){

//$(id).lightSlider().init();
var galleryLenght = $(id).find('li').length;
console.log("galleryLenght "+ galleryLenght);
if(galleryLenght > 3){

$(".lSAction").css("display","block");
alert("pp")
var slidbar = $(id).lightSlider({
onBeforeStart: function() { alert("before");  },
mode:"slide",
pager: false,
 rtl:false,

item:3, slideMove:1, controls:false, 'prevnext': true,

vThumbWidth: 300, currentPagerPosition : 'middle', preload : 1, speed : 600, hideControlOnEnd: true, responsive :[], freeMove: false, swipeThreshold:40, enableTouch:false, enableDrag:false, freeMove:false, swipeThreshold: 40, auto: false, loop: false,

}); $('.lSPrev').click(function(){
slidbar.goToPrevSlide();

               });

$('#lSNext').click(function(){
slidbar.goToNextSlide();

               });

}else{

    $(".lSAction").css("display","none");
      slidbar.goToSlide(1);
    //$(id).destroy();

     }

}