תפריט צידי נפתח בעזרת jquery

studio dv.d

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

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

לרוב אני ממליץ על תפריט שבנוי מul הפעם התפריט יהיה בנוי קצת שונה
(אבל שוב באינטרנט כל עוד הדבר עובד אז הוא טוב)

ההיררכיה תהיה כזאת:

דיב עם קלאס בשם אקורדיון
תפריט ראשי מיוצג ע"י h3 עם קלאס menu_item (שיינתן רק במקרה שאנו רוצים שהתפריט יהיה נפתח)
ודיב נוסף עם קלאס second_menu (שוב, במקרה שנו צריכים אותו כדי להכניס בתוכו את תפריטי המשנה)

כל השאר הם שאלה של עיצוב והגדרות css
מומלץ לשחק ולשאול שאלות נוספות להסבר נוסף במקרה שצריך

הנה הקובץ לניסיון
 

קבצים מצורפים

  • תפריט צד נפתח.rar
    KB 15.3 · צפיות: 1

תמנתי ווב דיזיין

מהמשתמשים המובילים!
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
כל הכבוד לך!

האם מדובר בשיטת הרלטיב ואבסולוט? כי שיטה זו לא עובדת עם UL ו- LI. רק עם שורת קישורים רגילה המוגדרת בדיספליי כבלוק.

אגב, רוב התפריטים הנפתחים הם עיליים.
יש לך גם כאלה?
 

studio dv.d

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
לא, לא מדובר בשיטת הרלטיב ואבסולוט
אגב שיטת הרלטיב ואבסולוטי כן עובדת ב Ul ו li

ויש לי גם תפריטים עיליים, בהמשך.
 

תמנתי ווב דיזיין

מהמשתמשים המובילים!
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
נכתב ע"י studio dv.d;594641:
לא, לא מדובר בשיטת הרלטיב ואבסולוט
אגב שיטת הרלטיב ואבסולוטי כן עובדת ב Ul ו li

ויש לי גם תפריטים עיליים, בהמשך.

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

כשזו רשימה פשוטה בבלוק, זה עובד בלי בעיות.
 

studio dv.d

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

קבצים מצורפים

  • learn_prog.rar
    1.9 MB · צפיות: 0

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

הפרק היומי

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


תהילים פרק קכז

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

לוח מודעות

למעלה