Elementor שילוב בין אקורדיון לספוילר

  • פותח הנושא KR
  • פורסם בתאריך

KR

משתמש מקצוען
עיצוב גרפי
D I G I T A L
שלום וברכה!
יש לי דף עמוס מידע שאני רוצה להנגיש בצורה נקיה ולא עמוסה
יש 2 וידג'טים דומים באלמנטור: אקורדיון וספוילר.
אני מעוניינת במשהו שהוא שילוב של השניים:
אני רוצה שכל קטעי הטקסט יופיעו סגורים בעת הגלישה הראשונית לדף (כמו בספוילר)
אבל אני רוצה שכל קטע טקסט שייפתח, ייפתח על חשבון קטע הטקסט הפתוח הקודם (כמו באקורדיון).

ובהסבר קצת יותר ארוך: אקורדיון מאפשר לי פתיחה של קטע טקסט על חשבון הקטע הקודם - וכך בדיוק אני רוצה.
אבל בגלישה הראשונית הוא מופיע לי עם הקטע העליון פתוח מראש.
ואני רוצה שהכל יהיה סגור.

ספוילר מציג שהכל סגור
אבל בפתיחה, הוא תמיד מאפשר לפתוח עוד, בלי לסגור את הקודם.

יש למישהו קוד או משהו שאפשר לארגן את זה?

תודה!
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
בבקשה
קוד:
jQuery(document).ready(function ()
{
  setTimeout(function () { jQuery('.elementor-widget-accordion .elementor-accordion-item:first-child .elementor-accordion-title').click(); }, 100);
});
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
אוי, גם אני נתקלתי כמה פעמים בקונפליקט הזה.
למה הקוד הזה מתאים לאקורדיון או ספוליר???
(מעיון קצר נראה לי שעורך את השינוי על אקורדיון)
איפה מטמיעים אות?
 
  • תודה
Reactions: KR

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
לאחרונה הטמעתי רק קוד css ואת זה אני עושה בהתאמה אישית של התבנית.
אני מאמינה שכאן צריך תבנית בת- לא?
איפה בתבנית בת מטמיעים?
 
  • תודה
Reactions: KR

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
ניסיתי להטמיע את הקוד ע"י התוסף הנ"ל ואין תוצאה.
kr
האם ניסית? זה עבד?
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
ניסיתי להטמיע את הקוד ע"י התוסף הנ"ל ואין תוצאה.
kr
האם ניסית? זה עבד?
תעלו צילום מסך של הקוד בתוסף הנ"ל (כולל כל הממשק מסביב)
 

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
@macro שים לב
זה נכתב בPHP
ואנחנו צריכים JS...

בקיצור מה כן עושים?
הכי קל להשתמש בדוגמא שהתוסף מביא
upload_2019-11-20_12-18-15.png
לחצו על "Clone"
נוצר עותק של הדוגמא.
כנסו עליה, היא נראת כך (הרקע זו הגדרה בתוסף, לא להתייחס עליו):
upload_2019-11-20_12-19-36.png

הזינו את הקוד במקום ההערה באמצע (הערה ברוב שפות תכנות נכתבות אחרי שני סלשים או בין סלש כוכבית לכוכבית סלש)

זהו, הפעלה... עכשיו הקוד עובד.
(ד.א. מה שהקוד הזה עושה, הוא מכניס את הjs בראש הדף, אם זה לא יעבוד צריך להחליף את ה"wp_head" ב "wp_footer")
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
עדיין לא עובד:(
 
נערך לאחרונה ב:

ש.ב.ח.

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
בכל אופן כתבתי קוד אחר תכניס אותו בין תגיות הscript כנ"ל
This user does not have permission to use the HTML BB code.

רק מה שתצטרכו זה להוסיף כיתה css לאלמנט של האקורדיון שאתם רוצים שיהיה סגור, כך:
close-first-acordion

נ.ב. את הקודם העתקתי מאנשהו, הפעם את זה כתבתי וגם בדקתי...
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
הטמעתי את הקוד
וזה עבד רק בדפדפן כרום
אחרי יום יומים- זה הפסיק לעבוד גם בכרום
 

macro

משתמש צעיר
עיצוב גרפי
D I G I T A L
עכשיו ניסיתי להטמיע את הקוד באתר נוסף-וזה עובד מצוין.
ובדקתי שוב באתר הקודם- וגם שם זה עובד.

תודה רבה.
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט צ'

קלז צַדִּיק אַתָּה יי וְיָשָׁר מִשְׁפָּטֶיךָ:קלח צִוִּיתָ צֶדֶק עֵדֹתֶיךָ וֶאֱמוּנָה מְאֹד:קלט צִמְּתַתְנִי קִנְאָתִי כִּי שָׁכְחוּ דְבָרֶיךָ צָרָי:קמ צְרוּפָה אִמְרָתְךָ מְאֹד וְעַבְדְּךָ אֲהֵבָהּ:קמא צָעִיר אָנֹכִי וְנִבְזֶה פִּקֻּדֶיךָ לֹא שָׁכָחְתִּי:קמב צִדְקָתְךָ צֶדֶק לְעוֹלָם וְתוֹרָתְךָ אֱמֶת:קמג צַר וּמָצוֹק מְצָאוּנִי מִצְוֹתֶיךָ שַׁעֲשֻׁעָי:קמד צֶדֶק עֵדְוֹתֶיךָ לְעוֹלָם הֲבִינֵנִי וְאֶחְיֶה:
נקרא  19  פעמים

אתגר AI

הסוואה • אתגר 21 • אתגר נושא פרסים 🎁

לוח מודעות

למעלה