/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

0 vote364 views1 answer
How to add ajax loading icon in jquery
Javascript jQuery
2 votes370 views3 answers
Jquery scroll to top of div animate
Javascript jQuery
1 vote319 views1 answer
Jquery add input placeholder
Javascript jQuery
1 vote325 views3 answers
Jquery change title of page
Javascript jQuery
4 votes336 views2 answers
Table row count in jquery
Javascript jQuery
0 vote347 views1 answer
To append dropdown option using jquery
Javascript jQuery
16 votes414 views3 answers
Bootstrap show modal jquery
Javascript jQuery
0 vote351 views1 answer
Jquery set focus on first input which is not readonly
Javascript jQuery
10 votes313 views2 answers
Jquery clear file input
Javascript jQuery
12 votes339 views2 answers
Download jquery 3.1.1
Javascript jQuery