50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

ساخت آکاردئون با جی کوئری (jQuery)

  • منتشر شده در تاریخ

ساخت آکاردئون با جی کوئری (jQuery)

در این آموزش قصد داریم به شما نحوه ساخت آکاردئون با جی کوئری (jQuery) به منظور نمایش/مخفی کردن محتویات را نمایش بدیم. با اجرا شدن رویداد کلیک بر روی المنت هدر افکت نمایان/مخفی کردن در جی کوئری نیز اجرا می شود.

در این مثال , ما یک لیست سوال/پاسخ در یک تگ DIV را داریم . زمانی که بر روی یک سوال کلیک می شود , تگ div پاسخ همان سوال نمایان می شود.

ساخت آکاردئون با جی کوئری (jQuery)

کد HTML آکاردئون (accordion)

این کد شامل یک تگ DIV در HTML برای نمایش پاسخ/سوالات است .

تابع آکاردئون jQuery

این اسکریپت ساده یک خطی افکت expand/collapse (نمایان/مخفی کردن) را بر روی محتوای HTML توسط تابع accodion() در جی کوئری ایجاد می کند.

امیدوارم از آموزش تغییر سایز المنت HTML با jQuery نهایت استفاده را برده باشید .

 

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

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

موفق و پیروز باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی