نحوه مخفی کردن یک div در لود صفحه

[salmah]

سلام
تول لود مسترپیج میایم یه شرط را توی دیتابیس بررسی می کنم
حالا میخوام اگر شرط برقزار نبود یکی از قسمت های منو نمایش داده نشه
باید چ کار کنم
<li class='active has-sub' id="en_hid"></li>

[SCoder]

شرط را بررسی کنید اگر برقرار نبود به اون المنت به صورت inline و یا با استفاده از دادن یه کلاس با css اون المنت رو نمایش ندهید ....



CSS
Vanish{
display : none;
}

<div class='Vanish'></div>
/***********************/
/* OR */


//Inline styling
<div style='display : none' ></div>


با استفاده از javascript :
اگر شرط برقرار نبود به اون المنت با DOM دسترسی پیدا کنید و display اون المنت رو none قرار دهید ...
مثال :




var div = document.getElementById('example');
if(!condition){
div.style.display = 'none';
}

با این کار اون المنت جای خودش رو به المنت های دیگر میدهد و به نوعی صفحه reflow میشود ...
ولی اگر میخواهید المنت سر جایش باقی بماند و فضای خودش را به بقیه عناصر ندهد می توانید visibility آن المنت را hidden کنید ...




var div = document.getElementById('example');
if(!condition){
div.style.visibility = 'hidden';
}