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


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

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

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

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

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

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

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

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

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

حتما بخوانید  ساخت لیست آبشاری داینامیک با php و jquery

 

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

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

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

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

دیدگاه کاربران

دیدگاهتان را بنویسید

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

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

مجوزهای ما

logo-samandehi

نظر کاربران عزیز

متاسفیم, در حال حاضر امکان ثبت نظر وجود ندارد.

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه