jquery - Manage more than one Animation Queue ($.stop() each independently) -

i have page using masonry jquery plugin display multiple items. have written piece of custom code allows user filter items (based on class attribute), filtered out being hidden in page, masonry function triggered rearrange remaining tiles, filling gaps.

this working fine. have been asked include rollover effect where, when tile hovered over, other tiles have opacity dropped 30%. (and when tile exited, tiles return 100% opacity.)

my problem these 2 animations clash.

i use $.stop() function prevent multiple hover events queueing , flooding screen, in doing so, stops masonry rearrangement animation.

i have researched jquery queues, trying set separate queue masonry function (docs), , setting queue jquery $.animate() function (docs) , specifying queue when call jquery $.stop() function (docs).

but, no joy.

i know using $.stop() in manner supported jquery v1.7+, not problem.

any advice, direction, shared anguish appreciated.