در ادامه مطلب همراه ما باشید

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

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


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

 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

20 − 6 =

support
icon
پشتیبانی
Close
menu-icon
تیکت پشتیبانی