Need help with a code that switches between different bulletproof armor vests. When switching from the first vest to the second, everything works fine. But when switching back to the first vest, there is a strange effect happening. Any suggestions on how to solve this issue?
fiddle: http://jsfiddle.net/4R3TS/
$('#vest1').click(function(){
$('.block1').fadeIn();
$('.block2').fadeOut();
$('.vest').addClass('hide');
$('.vest1').removeClass('hide');
$('.vest1').css({
position: 'relative',
top: '-105px',
left: '12px',
});
});
$('#vest2').click(function(){
$('.block1, .block2').fadeIn();
$('.vest').addClass('hide');
$('.vest2').removeClass('hide');
$('.vest2').css({
position: 'relative',
top: '-210px',
left: '12px',
});
});