ناصر

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

4 پست در این موضوع قرار دارد

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

0

به اشتراک گذاری این پست


لینک به پست
در 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";
    }
  });
}
1

به اشتراک گذاری این پست


لینک به پست

سپاس حل شد

0

به اشتراک گذاری این پست


لینک به پست
در 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

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری