سلام خدمت اعضای محترم سایت
من به مشکلی برخوردم اگه کسی لطف کرده راهنمایی بکنه ازش ممنون میشم:
من یک جدول در صفحه دارم که می خواهم مخفی باشه.(تا بعدا در صورتی که کاربر کلیکی کرد نمایشش بدم اما نمایشش فعلا مورد نظر من نیست)
برای اینکه مخفیش کنم
اولین کاری که کردم این بود که در مشخصه های خودش height رو برابر صفر قرار دادم اما هنوز اطلاعاتش در صفحه نمایش داده میشدند پس اومدم کار دیگری کردم
تمام جدول را با یک div احاطه کردم و به اون div ارتفاع صفر دادم یعنی height:0px اما باز هم جدول در صفحه است. در حالیکه من المان های دیگر را با این روش از صفحه حذف می کنم.
قصد من از اینکه ارتفاع رو صفر می دم اینه که میخام جدول ابتدا نمایش داده شده و در صورتی که کاربر کلیک کرد ارتفاع دیگری مثلا ۲۰۰ پیکسل به جدول بدم و نمایشش بدم و روی
height از transition های سی اس اس استفاده کنم تا باز شدن جدول برای کاربر به شکل یک اسلایدی که باز و بسته میشه باشه.
اما الان مشکلم اینه که جدول فعلا مخفی نمیشه اگه ممکنه بعد از دیدن کد ساده ای که من نوشته ام راهنمایی بفرمایید.
این کد من:
کد HTML:
<html>
<body >
<div style="height: 0px">
<table height="0px">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
</div>
</body>
</html>
من انتظار دارم بعد از باز کردن کد فوق در مرورگر تگ های a نمایش داده نشن اما نمایش داده میشن.
پی نوشت:
ضمن تشکر از همه ی دوستان لطفا به من توصیه استفاده از جی کوئری رو نکنید چون من مشغول ساخت یک سایت با ری اکت هستم و در این شرکت
استفاده از جی کوئری در کنار ری اکت یک تمرین بد حساب می شود