Its better you define a class with css for normal size say normalImage -
.normalImage{
}
and then define a class with css for zoomedImage -
.zoomedImage{
}
And switch the classes on click -
$('#c1').click(function () {
if($(this).hasClass('normalImage')) {
$(this).removeClass('normalImage');
$(this).addClass('zoomedImage');
}
else if($(this).hasClass('zoomedImage')) {
$(this).removeClass('zoomedImage');
$(this).addClass('normalImage');
}
});
This would be a better approach to maintain the CSS rather than using .css() each time to make changes for a single element.
I hope this helps
Thanks