رفتن به مطلب

کد جاوا اسکریپت و استایل برای تب های سوالات متداول گتنبرگ


پست های پیشنهاد شده

سلام، کسی هست که بتونه یک طراحی ساده برای یک بخش از سایت بکنه؟ من توضیح میدم خدمتتون
تو وردپرس و گتنبرگ اگر افزونه یواست و اسکیما نصب باشه یه بخشی در ویرایش گر گتنبرگ هست که مربوط به faq هستشهمان سوالات متداول الان از نظر ظاهری زیاد جزاب نیست ما تصمیم داریم به صورت تب بندی باشه و این تب رو با استایل خودمون درست کردیم فقط یک کارش مونده که با کلیک روی هر تب اون تب باز بشه به همین سادگی
البته به نظرم نیاز به اسکریپت نویسی داره اما بسیار جزئی هست و میشه از سایر سایتها استفاده کرد
آدرس اون بخش که من نیاز دارم و الان آمادست
https://b2n.ir/752343
اخر مطلب هستش
اگر کسی  میدونه و یا میتونه انجام بده منون میشم
الان ما همه چیشو طراحی کردیم فقط باز و بسته شدنش مونده

لینک به ارسال
در 36 دقیقه قبل، ناصر گفته است :

سلام، کسی هست که بتونه یک طراحی ساده برای یک بخش از سایت بکنه؟ من توضیح میدم خدمتتون
تو وردپرس و گتنبرگ اگر افزونه یواست و اسکیما نصب باشه یه بخشی در ویرایش گر گتنبرگ هست که مربوط به faq هستشهمان سوالات متداول الان از نظر ظاهری زیاد جزاب نیست ما تصمیم داریم به صورت تب بندی باشه و این تب رو با استایل خودمون درست کردیم فقط یک کارش مونده که با کلیک روی هر تب اون تب باز بشه به همین سادگی
البته به نظرم نیاز به اسکریپت نویسی داره اما بسیار جزئی هست و میشه از سایر سایتها استفاده کرد
آدرس اون بخش که من نیاز دارم و الان آمادست
https://b2n.ir/752343
اخر مطلب هستش
اگر کسی  میدونه و یا میتونه انجام بده منون میشم
الان ما همه چیشو طراحی کردیم فقط باز و بسته شدنش مونده

سلام

کد زیر رو در script قرار بدین و بفرستید به head یا footer

var acc = document.getElementsByClassName("schema-faq-question");

var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
}
لینک به ارسال
در 2 ساعت قبل، Monica گفته است :

سلام

کد زیر رو در script قرار بدین و بفرستید به head یا footer


var acc = document.getElementsByClassName("schema-faq-question");

var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
}

فقط یک سوال اگر بخواهیم زمات باز بسته شدن به آهستگی انجام بشه باید چیکار کنیم؟

مثلا 0.4s

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...