Question

Hello everybody i have variable(widthPercent) where i store percent for example: 67.33%

when i trying to change width with jquery animation it does not works :

$(this).animate({
        width: widthPercent,
    }, 2500);
});

but changing width with css working good:

$(this).css('width', widthPercent);

does anyone have idea what is my problem?

Answer 1

maybe you need to quote the widthPercent

this worked for me

$(document).ready(
                function(){
                    var widthPercent = "35%";
                    $("#btn").click(
                    function(){

                        $(this).animate({
                            width: widthPercent,
                        }, 2500);
                    });
                }
            );

the problem should be in your widthPercent definition.