I have discovered a small issue in the jQuery hide() and show() methods, doing a $j(#ID_ELEM).hide() will append a <span style > attribute causing possibly layout changes on the element you are trying to transform. This is because the jQuery hide() and show() methods “animate the width, height, and opacity of the matched elements simultaneously” so as the height and width change, the browser is re-flowing the document. You can remove these extra styles jQuery leaves by hooking into the callback on the final show() method like so:
$('#ID_ELEM').show('slow', function() {
$(this).attr('style', '');
}).delay(700);
Published by anthonykuong
Anthony is a versatile Software professional with around 10 years of experience. He is a Full Stack developer experienced with clients in the Financial, Health and Supply Chain industries. He is experienced with MVC frameworks ( Spring Boot) , SPA frameworks ( Angular , VueJS), and also supports automated build deployments and packaging for development, qa, and production servers.. He has delivered rich user experience using
Modern web technologies and techniques such are HTML5, CSS3, ECMAScript 6 (ES6)/ ECMAScript 2015, CSS pre-processors (SASS, Less), JavaScript build tools (Grunt, Gulp) , various UI Frameworks including AngularJS , Knockout JS , and CSS Frameworks including Bootstrap, and Foundation. He is adaptable to new technologies and frameworks. He is a rigorous, quality-conscious contributor with solid analytical skills.
I can also be found on youtube - Youtube Channel: https://www.youtube.com/user/akuong/
View more posts
Anthony Ku Ong 
I often visit your website and have noticed that you don’t update it often. More frequent updates will give your page higher authority & rank in google.
I know that writing posts takes a lot of time, but you can always help yourself with
miftolo’s tools which will shorten the time of creating an article to a couple of seconds.