Flip on click

hi @jaimbateman

Thank you very much for contacting us and we hope you are doing well.

kindly add some JS code to avoid the hover effect. hope after adding this js code effects will work only at clicked.

jQuery.noConflict();

(function ($) {

  'use strict';

  $('.oxilab-flip-box-flip').each(function (index, value) {

    $(this).css('pointer-events', 'none');

  });

  $(document).on('click', function (e) {

    if ($(e.target).closest('.oxilab-flip-box-body-absulote').length === 0) {

      $('.oxilab-flip-box-flip.active').each(function (index, value) {

        $(this).css('pointer-events', 'none');

        $(this).removeClass('active');

      });

    } else {

      var _this = $(e.target)

        .closest('.oxilab-flip-box-body-absulote')

        .children('.oxilab-flip-box-flip');

      if (_this.css('pointer-events') == 'none') {

        _this.css('pointer-events', 'auto');

        _this.toggleClass('active');

      } else {

        _this.css('pointer-events', 'none');

        _this.toggleClass('active');

      }

    }

  });

})(jQuery);

kindly reply as our custom code works or not.

HI @jaimbateman

This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!