I've been looking all over but can't seem to figure out if this is possible. I have a layout on which I would like to use Isotope's filtering feature, but at the same time I don't want to transform the position of the items. In other words, I don't want to use any of Isotope's layout modes. I'm hoping to use "position: relative" on the individual divs but Isotope overrides that.
Ideally, I'm thinking it would be great if the divs could just flow as they would without Isotope being involved, but Isotope's filtering could do something like just change the opacity of the divs. For example, clicking on "Dog" keeps all the .dog divs at 100% opacity and sets .cat and .squirrel to 0% opacity. Would something like this be possible??
In my search I found this thread which gave me hope by introducing me to "transformsEnabled: false" but I don't think it's quite what I need:
$('#container').isotope({
// options...
transformsEnabled: false
});
With transformsEnabled set to false, my layout works as I would hope in the default state, but it also prevents the Isotope filtering from happening…
Any suggestions? Am I hoping for the impossible? Thanks in advance for any help you can offer!