פונקציות שמציגות – מעלימות אלמנט [ fade , show, slide ]

כמו שלמדנו במסגרת ההסבר על הסינטקס של jQuery

בוחרים אלמנט באמצעות הסלקטור המתאים – ומבצעים עליו פעולה

בשיעור זה נציג פונקציות שמורות – שהפעולה שהם מבצעות: הצגה או העלמה של אלמנט.

 

show/hide/toggle

אם אלמנט נמצא – ניתן להסתירו עם פונקצית hide

אם אלמנט מוסתר – ניתן להציגו עם פונקצית show

ניתן לשלב בין השניים, אלמנט מוסתר – יוצג , ואלמנט מוצג יוסתר – ע"י פונקצית toggle

 

ככה זה נראה :

ניתן לקבוע את מהירות הסתרת או הצגת האלמנט

או על ידי מהר fast או לאט slow

או בשניות , שנייה מוגדרת ככה: 1000 במילי שניות .

ככה:

fadeIn/fadeOut/fadeToggle

פונקציות אלו עושות אותה פעולה כמו hide ו show

fadeIn – מציגה אלמנט בצורה מעומעמת

fadeOut – מעלימה אלמנט בצורה מעומעמת

fadeToggle – מתווכת בין השניים

ככה נראה הקוד:

slideUp/slideDown/slideToggle

פונקציות אלו עושות אותה פעולה כמו hide ו show

רק באפקט של הורדה והרמת תוכן

slideUp – להרמת תוכן

slideDown – להורדת תוכן

slideToggle – מתווך בין השניים

ככה הקוד נראה:

השימוש בפונקציות אלו נפוץ מאד

למשל – בתפריט למובייל

יש צורך להראות או לא להראות את התפריט

מכיוון שהתפריט בתחילה לא צריך להיות מוצג, כאשר אנו בתצוגת מובייל יש לתת לו ב CSS הגדרה שהוא לא יראה

 

ככה למשל :

דילוג לתוכן