در صورت استفاده از
visibility : hidden;
المان مورد نظر نمایش داده نمی شود اما فضای مربوط به خود را در صفحه اشغال می کند.
اما با استفاده از
display:none;
آن عنصر دیگر در صفحه و چیدمان آن اثری نخواهد داشت.
لذا اگر می خواهید یک المان را پس از یک رویداد خاصی نمایان کنید، از
visibility : hidden;
استفاده نمایید تا ظاهر صفحه قبل و بعد از نمایش به هم نریزد.