Iyigunler arkadaslar siteme ekledigim navigasyon kutusunun ornegin parmagimla saga cektigimde acilmasini sola cektigimde kapanmasini istiyorum acaba bunu nasil yapabilirim?


( function ( $ ) {
// Create a new instance of Slidebars
var controller = new slidebars();

// Events
$( controller.events ).on( 'init', function () {
console.log( 'Init event' );
} );

$( controller.events ).on( 'exit', function () {
console.log( 'Exit event' );
} );

$( controller.events ).on( 'css', function () {
console.log( 'CSS event' );
} );

$( controller.events ).on( 'opening', function ( event, id ) {
console.log( 'Opening event of slidebar with id ' + id );
} );

$( controller.events ).on( 'opened', function ( event, id ) {
console.log( 'Opened event of slidebar with id ' + id );
} );

$( controller.events ).on( 'closing', function ( event, id ) {
console.log( 'Closing event of slidebar with id ' + id );
} );

$( controller.events ).on( 'closed', function ( event, id ) {
console.log( 'Closed event of slidebar with id ' + id );
} );

// Initialize Slidebars
controller.init();

// Left Slidebar controls
$( '.js-open-left-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.open( 'slidebar-1' );
} );

$( '.js-close-left-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.close( 'slidebar-1' );
} );

$( '.js-toggle-left-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.toggle( 'slidebar-1' );
} );

// Right Slidebar controls
$( '.js-open-right-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.open( 'slidebar-2' );
} );

$( '.js-close-right-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.close( 'slidebar-2' );
} );

$( '.js-toggle-right-slidebar' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.toggle( 'slidebar-2' );
} );

// Close any
$( controller.events ).on( 'opened', function () {
$( '[canvas="container"]' ).addClass( 'js-close-any-slidebar' );
} );

$( controller.events ).on( 'closed', function () {
$( '[canvas="container"]' ).removeClass( 'js-close-any-slidebar' );
} );

$( 'body' ).on( 'click', '.js-close-any-slidebar', function ( event ) {
event.stopPropagation();
controller.close();
} );

// Initilize, exit and css reset
$( '.js-initialize-slidebars' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.init();
} );

$( '.js-exit-slidebars' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.exit();
} );

$( '.js-reset-slidebars-css' ).on( 'click', function ( event ) {
event.stopPropagation();
controller.css();
} );

} ) ( jQuery );


Kodum yukaridaki gibi internetten yaptigim arastirmalar sonucu buldugum qguery eklentiside touchSwipe olarak geciyor. http://labs.rampinteractive.co.uk/touchSwipe/docs/index.html burdaki kodlari nasil kendi kodlarima uyarlayabilirim?