کد جاوااسکریپت برای مخفی و ظاهر کردن عناصر سایت

توسط این تکه کد می توانید عنصر و یا مجموعه ای از عناصر HTML که در صفحه وب شما وجود دارد را با کلیک روی یک دکمه یا لینک مخفی و مجددا نمایان کنید. اینکار به صورتtoggle انجام میشود. به این معنی که اگر عنصر مخفی بود نمایان شود و اگر نمایان بود مخفی شود. اگر می خواهید دسته ای از عناصر را مخفی و ظاهر کنید باید آنها را داخل یک عنصر نگهدارنده مانند div قرار داده و با استفاده از خصیصه id مربوط به عنصر نگهدارنده، این کد را بر روی آن اعمال کنید.

پس از قرار دادن این تابع جاوااسکریپت، نیاز به لینک و یا عنصری داریم که با کلیک کردن روی آن، تابع فراخوانی شده و عنصر مورد نظر مخفی (hide) و نمایان (Show) شود. تابع جاوااسکریپت را در بخش <head> صفحه قرار می دهیم و آنرا توسط رویداد کلیک یک لینک فراخوانی می کنیم:

javascript


HTML

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

نظرات (2) -

  • محمد

    09/11/1390 12:46:07 ق.ظ | پاسخ به این نظر

    سلام
    متشکریم
    آیا میشه تمامی کدها رو مخفی کرد ؟
    اگه میشه لطفا دستورش را اعلام بفرمائید
    ممنونم

  • زانیار

    02/01/1394 10:26:29 ب.ظ | پاسخ به این نظر

    با سلام خیلی عالی بود
    حالا اگه بخوایم یه چک باکس داشته باشیم که کاربر روی اون کلیک کنه و بعد چندتا چک باکس دیگه ظاهر بشه باید چیکار کنیم ؟

Loading