کد جاوا اسکریپت نمایش و مخفی کردن آیتم

کد جاوا اسکریپت نمایش و مخفی کردن آیتم

یک کد بسیار ساده و تمیز برای نمایش و مخفی کردن قسمتی از صفحه وب

(div hide and show)

سلام؛
برای اکثر وب مسترها های پیش آمده که خواستند بازدید کنندگان با کلیک بر روی آیتمی ، آیتم دیگری برایشان نمایش داده شود.

اگر شما هم نیاز به این مورد دارید ، در ادامه ساده ترین راه حل ممکن با جاوا اسکریپت را خواهید آموخت.

 

کد جاوا اسکریپت نمایش و مخفی کردن آیتم

ابتدا کد زیر را بین دو تگ head در صفحه خود قرار دهید:

 .

کد زیر را هم در قسمتی از صفحه بین تگ​های body قرار دهید:

( عملا کد زیر را دقیقا همانجایی که میخواهید آیتم مورد نظر قرار بگیرد ، درج کنید.)

 .

استفده از کد جاوا اسکریپت نمایش و مخفی کردن آیتم در وردپرس و جمولا و …

به طور مثال در سیستم های مدیریت محتوا مانند وردپرس ، جمولا و … کد جاوا اسکرپیت نمایش و مخفی کردن آیتم ، کاملا میتواند مورد استفاده قرار گیرد.

برای این منظور : در قسمت افزودن نوشته و یا برگه ، با مراجعه به ویرایشگر متنی ، میتوانید کد بالا را در هرکجای نوشته که بخواهید ، قرار دهید.

 

حالا نتیجه را چیزی شبیه به صفحه زیر خواهید دید:
برای مشاهده نتیجه، اینجا کلیک کنید.

اقتباس شده از : آفتابگردان

 

مطالب مرتبط

شما هم در بحث شرکت نمایید...

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