/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

12 votes208 views4 answers
Jquery get data attribute value by class
Javascript jQuery
2 votes156 views2 answers
Laravel jquery csrf
Javascript jQuery
1 vote194 views1 answer
Jquery input text change
Javascript jQuery
0 vote161 views2 answers
Jquery projects with source code free download
Javascript jQuery
3 votes244 views1 answer
Jquery on click get element
Javascript jQuery
0 vote234 views1 answer
JQuery('.product_foto_slide').slick({ infinite:true, arrows:false, dots:false, fade:true, slidesToShow:1, slidesToScroll:1, autoplay:false, autoplaySpeed:4600, asNavFor: '.product_preview_slide', focusOnSelect: true, responsive: [
Javascript jQuery
2 votes215 views1 answer
How to remove the parent div from the child in jquery
Javascript jQuery
14 votes202 views6 answers
Jquery checkbox change event
Javascript jQuery
0 vote206 views2 answers
Get number from string using jquery
Javascript jQuery
0 vote216 views2 answers
Get all input values by class jquery
Javascript jQuery