Canvas Support

Masonry-thumbs inside toggle

2 replies · opened Feb 24, 2017

Kkpz4everFeb 24, 2017

Hi there!
I try to add a masonry-thumbs element inside a toggle. Text shows, but not the thumbs. Tried with the accordion, they work, but I would prefer to go for toggles. Any idea?


	Header
	
		
			
				[Copyright: xxxSource: Archive">
![attachment](images/tanks_small/IMGP1920.jpg)
](images/tanks_large/IMGP1920.jpg)
				[
![attachment](images/tanks_small/IMGP1839.jpg)
](images/tanks_large/IMGP1839.jpg)
				[
![attachment](images/tanks_small/IMGP1903.jpg)
](images/tanks_large/IMGP1903.jpg)
				[
![attachment](images/tanks_small/IMGP1994.jpg)
](images/tanks_large/IMGP1994.jpg)
				[
![attachment](images/tanks_small/IMG_8329.jpg)
](images/tanks_large/IMG_8329.jpg)
				[
![attachment](images/tanks_small/IMG_8402.jpg)
](images/tanks_large/IMG_8402.jpg)

Thanks!
Stefan

SSemicolon WebSTAFFFeb 28, 2017

Hello,

This is Definitely Possible. Please find the following code in the js/functions.js File inside the toggles: function() Function Block: 

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

and replace it with: 

element.children('.togglet').click(function(){
	$(this).toggleClass('toggleta').next('.togglec').slideToggle(300);
	setTimeout( function(){ SEMICOLON.widget.masonryThumbs(); }, 500 );
	return true;
});

This will definitely work fine. Hope this Helps!

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

Kkpz4everFeb 28, 2017

Fantastic, this really solved the issue.
Thank you!
Stefan

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