Mirror Click Events
Built for

How to use multiple instances

To apply more instances of the solution on the same page, use a unique instance attribute value for the trigger and target elements of each instance.

Check more examples
How to use multiple instances
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #1

This is the Instance #1.
Please ensure that your trigger and target elements have the same instance attribute fs-mirrorclick-instance="1".

Click on the buttons to simulate a click on the right and left arrows of the slider.

Click The Left ArrowClick The Right Arrow
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #2

This is the Instance #2.
Please ensure that your trigger and target elements have the same instance attribute fs-mirrorclick-instance="2".

Click on the buttons to simulate a click on the right and left arrows of the slider.

Click The Left ArrowClick The Right Arrow