Thread:DevSharma/@comment-5354013-20130910215432/@comment-3271569-20130922132410

Yeah, my time is limited but I try to help when I got some free time left ;)

I don't known. I recently experimenting an lot with css with only an small js modifcation. I known this is possible because the idea is simple:

The input buttom are classes and not hidden content because else it would be visible in the mobile skin. Their are 2 sort off classes: 1 for the icons and 1 for the gray icon. The class get switched by an jquery switch command. On activation off click an class will be added. For example te terra buttom will add an class to all eggs with the class primary_terra and secondary_terra. This class will make this content hidden. When you click the buttom again the class get switched again to the normal terra class icon and the eggs return visible by the jquery remove class code.

I'm only not sure if their is an var structure needed in this. For example:

Terra Egg, Flaming Rock Egg, Volcano Dragon Egg, Alpine Egg

Turn Flame Dragon Off => add class to flaming rock and volcano

Terra Egg, Alpine Egg

Turn Terra Dragon Off => add class to all

/

Turn Flame Dragon On => Remove class with Flaming Rock Egg, Volcano Dragon Egg

''Now we got an problem since if he removes the hidden class Flaming Rock and Volcano are back visible because of the remove class when all terra dragon normaly should still be invisible. We could try to attempt to let him remove only 1 class but than we might endup with 5 classes to make something hidden.''

So for that I still need figure something out.