Toggle Between Two Slick Sliders on Click

April 04, 2018

A type of layout you might use to compare service types offered by your client may require you to toggle back and forth via a button.

jQuery(".member_col.blue h1").click(function(){
	jQuery("#members_block").removeClass('yellow');
	jQuery("#members_block").addClass('blue');
	
	jQuery('.members_slide.yellow').css('display', 'none'); 
	jQuery('.members_slide.blue').css('display', 'block'); 
	jQuery('.members_slide.blue').get(0).slick.setPosition();
});

jQuery(".member_col.yellow h1").click(function(){
	jQuery("#members_block").removeClass('blue');
	jQuery("#members_block").addClass('yellow');
	
	jQuery('.members_slide.blue').css('display', 'none'); 
	jQuery('.members_slide.yellow').css('display', 'block'); 
	jQuery('.members_slide.yellow').get(0).slick.setPosition();
});

Sourced here.