I am on the search for a jQuery or even vanillaJS-based plugin that can replicate similar functionality to that of the 'FIND WHAT MATTERS' section of this web HOMEPAGE . It is the 'team grid' section where there are rows of responsive images, and a dropdown container beneath each row that contains dymanic content dependent on which 'accordian item' or image was clicked on.
You can see a screenshot here: https://monosnap.com/file/M8zQInDm6d3IQ84QOb49Y0JqSlA78F
The grid is responsive, shrinking from 8 per row, to 3 per row on mobile and the dropdown expands beneath the row of the image, no matter the screen size.
Does anyone know of any plugin that can achieve this functionality, or am I going to have to develop this by myself?
I recently started my own Blogger website in order to promote my Instagram account. I added a Lightwidget to my website homepage to display my Instagram posts but the widget appears on all pages of my website. I tried to add a condition to my code below but it causes the widget to stop working entirely. Any ideas?
My Widget code is as follows:
<b:widget id='HTML1' locked='false' title='Images' type='HTML' visible='true'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>