how to Stop animation slides on click of navigation anchor and next / prev

[gaurav59]

I used this code width play and pause button in my slider:-

$(document).ready(function () { var $slides = $('#hslides');

$('#hslides').superslides({ slide_easing: 'easeInOutCubic', animation_easing: 'linear', animation: "slide", slide_speed: 'normal', pagination: true, hashchange: false, scrollable: true, loader: 'true', play: 15000 }); Hammer($slides[0]).on("swipeleft", function (e) { $slides.data('superslides').animate('next'); // $('.scontent').addClass('add'); }); Hammer($slides[0]).on("swiperight", function (e) { $slides.data('superslides').animate('prev'); // $('.scontent').addClass('remo'); });

$('.play').hide();
$('.play').click(function () {
    $('#hslides').superslides('start');
    $('.pause').show();
    $('.play').hide();
    console.log('Started')
});

$('.pause').click(function () {
    $('#hslides').superslides('stop');
    $('.play').show();
    $('.pause').hide();
    console.log('Stopped')
});

});