This is a jquery plugin that allows you filter a collection of elements visually by the intersection of 'tag groups'. Inspired by this filterable plugin, but made after solve the projects section on the cocktail website :)
This plugin has been tested with jquery 1.3.x
- Get an element and tag all the children using the class attribute (class="eduaction 2010 new-challenges")
- Get one or more groups of links and use them as intersection groups
Then write:
$("#the-element-wich-children-are-tagged").filterprojects({ filterTagSelector: ['#group-of-links a', '#another-group-of-links a'] });
And that's it!
Yes, I know :) and you have a lot of options to customize it. Let's take a look:
| Property | Type | Default | Description |
|---|---|---|---|
| animationSpeed | Integer | 900 | Set up the speed of the effect. You can set this value to 0 to switch off the animation. |
| animationPulse | Integer | 100 | Is the time lapse between each element animation. If you set this value to 0 all the effects will start together. |
| animationEase | String | "linear" | You can set this element to "linear" or "swing", if you want to use more easing options take a look to the jquery animate section. |
| activeClass | String | "active" | Is the class that identify the active tags on a tag group. |
| allTag | String | "all" | Is the class that identify that you're selecting all the options of a tag group. |
| randomize | Boolean | true | Show or hide ordering randomly the elements of the collection. |
| show | Hash | { width: 'show', opacity: 'show' } | Take a look to the jquery animate section to understand how to use that section. |
| hide | Hash | { width: 'hide', opacity: 'hide' } | Take a look to the jquery animate section to understand how to use that section. |
| filterTagSelector | Array | [] | That's mandatory, you need to identify at least a tag group. |
It's possible, noooooobody is perfect :) If you find problems with this plugin you can post an issue here and I'll try to solve it as soon as possible.
I also accept that my english is not as good as it should be :) if you find any mistake in this text let me know!
If you don't remember where did you find this plugin remember that you can grab the latest version from github. You can also download it in a zip file.