/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 vote167 views1 answer
Get form data as object jquery
Javascript jQuery
1 vote204 views1 answer
Jquery wysiwyg editor val acf
Javascript jQuery
5 votes167 views1 answer
$() jquery document
Javascript jQuery
0 vote160 views1 answer
Object json jquery foreach
Javascript jQuery
1 vote167 views1 answer
Jquery to hide a div
Javascript jQuery
2 votes163 views1 answer
Jquery datatable get data array
Javascript jQuery
0 vote192 views1 answer
Jquery dialog button text set by variable
Javascript jQuery
0 vote164 views2 answers
Required false jquery
Javascript jQuery
0 vote138 views1 answer
Get value of tinymce textarea jquery
Javascript jQuery
4 votes157 views1 answer
If str contains jquery
Javascript jQuery