/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

1 vote119 views1 answer
Jquery empty ul
Javascript jQuery
12 votes138 views3 answers
Jquery replace element
Javascript jQuery
57 votes109 views4 answers
Get input value jquery
Javascript jQuery
14 votes123 views2 answers
Find name description jquery children()
Javascript jQuery
28 votes153 views3 answers
Jquery check if element still exists
Javascript jQuery
16 votes122 views5 answers
Jquery enable disable textbox
Javascript jQuery
2 votes122 views1 answer
Jquery scroll to bottom
Javascript jQuery
0 vote145 views1 answer
How to set name attribute in jquery
Javascript jQuery
0 vote125 views1 answer
Get left position based on container jquery
Javascript jQuery
0 vote117 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery