Toggle inside Parallax

2 replies · opened May 21, 2019

CCirozaMay 21, 2019

Hi,

Is it possible to have a toggle inside parallax div?

Clicking on toggle "expand" button/link expands the div contents and requires changing the height of parallax div dynamically...

Is this possible? I checked samples and support items, but not finding any reference...

Thank you - Canvas is amazing btw.

SSemicolon WebSTAFFMay 21, 2019

Hello,

Thank You so much for the Kind Words! :)

You can consider refreshing the Parallax on Toggle Open/Close. Find the following code in the js/functions.js File inside the toggles: function() Function Block:

element.children('.togglet').off( 'click' ).on( 'click', function(){
	$(this).toggleClass('toggleta').next('.togglec').slideToggle(300);
	return true;
});

and replace it with:

element.children('.togglet').off( 'click' ).on( 'click', function(){
	$(this).toggleClass('toggleta').next('.togglec').slideToggle(300, function(){
		skrollr.refresh();
	});
	return true;
});

This should work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CCirozaMay 23, 2019

This works perfectly.

Thank you! You guys rock!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Toggle inside Parallax · Canvas Template Support