jquery - Divs keep on displaying as block and not inline block -
i'm trying <div class="project-list">
inline-block
keeps reverting block
.
.project-list { width:20%; display:inline-block; } $(document).ready(function () { $('#one').delay(1300).fadein(1000); $('#two').delay(1500).fadein(1000); $('#three').delay(1700).fadein(1000); $('#four').delay(1900).fadein(1000); $('#five').delay(2100).fadein(1000); $('#six').delay(2300).fadein(1000); $('#seven').delay(2500).fadein(1000); });
this because use fadein show div, can use 2 solutions:
$('#one').delay(1300).css({ opacity: 0, display: 'inline-block' }).animate({opacity:1},600);
http://jsfiddle.net/ltasty/w58l2dn0/5/
or
$('#one').delay(1300).fadein(1000).css("display","inline-block");
Comments
Post a Comment