Hello everyone, I'm in need of some assistance with editing this code. My goal is to make the effect clickable rather than activated by hovering.
You can view the current code snippet here.
Here is the existing code:
$container.find('.shifty-item').hover(
function() {
$(this).css({ height: "+=100" });
// note that element is passed in, not jQuery object
$container.isotope( 'shiftColumnOfItem', this );
},
function() {
$(this).css({ height: "-=100" });
$container.isotope( 'shiftColumnOfItem', this );
}
);
I have attempted using bind('click', function) but it has not been successful. Adding a CSS class did not resolve the issue either.