طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

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


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

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

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

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

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

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

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

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

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

حتما بخوانید  ساخت مگامنو در jQuery

 

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

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

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

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

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

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

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

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



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

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

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

افزایش امنیت سایت

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

بخش کاربران

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

دانلود کتاب

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