/Javascript/jQuery/Jquery hide elevateZoom

Jquery hide elevateZoom

$(document).ready(function(){

    $('#zoom_01').on('click', function(){

        if( $('.enabled').length === 0){
            $('.zoomContainer').show();
            $('#zoom_01').elevateZoom({
            zoomType: "inner",
            cursor: "crosshair",
            zoomWindowFadeIn: 500,
            zoomWindowFadeOut: 750
           }); 
            $(this).toggleClass('enabled');
        }
        else{
            $(this).toggleClass('enabled');
            $('.zoomContainer').hide();
        }

   });
});

Source: stackoverflow.com

Similar codes

18 votes165 views3 answers
Enable input jquery
Javascript jQuery
2 votes151 views1 answer
Jquery tag name
Javascript jQuery
0 vote160 views1 answer
Import jquery into angular 8
Javascript jQuery
1 vote110 views1 answer
Jquery link
Javascript jQuery
22 votes150 views6 answers
Jquery get id value
Javascript jQuery
1 vote171 views1 answer
Jquery div element find and remove
Javascript jQuery
2 votes154 views1 answer
Jquery only number allowed to 10 digit
Javascript jQuery
1 vote157 views1 answer
Jquery insert text into input
Javascript jQuery
0 vote151 views1 answer
Jquery filter data
Javascript jQuery
0 vote158 views2 answers
Jquery ui timepicker
Javascript jQuery