در ادامه مطلب همراه ما باشید
توسط این تکه کد می توانید عنصر و یا مجموعه ای از عناصر HTML که در صفحه وب شما وجود دارد را با کلیک روی یک دکمه یا لینک مخفی و مجددا نمایان کنید. اینکار به صورتtoggle انجام میشود. به این معنی که اگر عنصر مخفی بود نمایان شود و اگر نمایان بود مخفی شود. اگر می خواهید دسته ای از عناصر را مخفی و ظاهر کنید باید آنها را داخل یک عنصر نگهدارنده مانند div قرار داده و با استفاده از خصیصه id مربوط به عنصر نگهدارنده، این کد را بر روی آن اعمال کنید.
پس از قرار دادن این تابع جاوااسکریپت، نیاز به لینک و یا عنصری داریم که با کلیک کردن روی آن، تابع فراخوانی شده و عنصر مورد نظر مخفی (hide) و نمایان (Show) شود. تابع جاوااسکریپت را در بخش <head> صفحه قرار می دهیم و آنرا توسط رویداد کلیک یک لینک فراخوانی می کنیم:
|
<a href=”#” onclick=”toggle_visibility(‘foo’);”>Click here to toggle visibility of element #foo</a> |
