/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 vote245 views1 answer
You need to inject a global window.jQuery first.
Javascript jQuery
0 vote231 views1 answer
How to check condition multiple input value in jquery
Javascript jQuery
0 vote274 views2 answers
Jquery selector parent on hover
Javascript jQuery
9 votes210 views6 answers
Change html using jquery
Javascript jQuery
0 vote231 views1 answer
How to remove more than one attribute using jquery
Javascript jQuery
0 vote246 views1 answer
Jquery get id of clicked element
Javascript jQuery
1 vote223 views1 answer
Jquery give control focus
Javascript jQuery
1 vote238 views1 answer
Jquery selected label option
Javascript jQuery
86 votes219 views6 answers
Onclick Event jquery
Javascript jQuery
1 vote206 views1 answer
Find label jquery
Javascript jQuery