טאבים לחלופת עמודים מבוססת jquery

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

הדבר הראשון שעשינו היה לבדוק את היצע התוספים והספריות הקיימים היום עבור jquery. מהר מאד הגענו לפרוייקט jqueryui שכולל גם את הטיפול בממשק טאבים.

קבצי הג'אווהסקריפט הנדרשים הם:

קוד ה-HTML נראה כך:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="tabs">
    <ul>
        <li>
            <a href="#tabs-1">tab 1</a>
        </li>
        <li>
            <a href="#tabs-2">tab 2</a></li>
        <li>
            <a href="#tabs-3">tab 3</a></li>
    </ul>
    <div id="tabs-1">
        <p>
            Text for tab 1.</p>
    </div>
    <div id="tabs-2">
        <p>
            text for tab 2.</p>
    </div>
    <div id="tabs-3">
        <p>
            text for tab 3.</p>
    </div>
</div>

להמשך בבלוג של קוד-ארט

025 טאבים לחלופת עמודים מבוססת jquery נהניתם ? הרשמו לעדכוני RSS !

4 תגובות על הפוסט “טאבים לחלופת עמודים מבוססת jquery

  1. וורדפרס ו jquery חברים טובים
    הבעיה היא שיש הרבה פלאגינים שלא עובדים טוב אחד עם השני
    וכדאי לתת על זה את הדעת במהלך פיתוח אתר מוצרי פרסום

כתיבת תגובה

האימייל שלך לא יוצג באתר. (*) שדות חובה מסומנים

*


:mrgreen::|:twisted::arrow:8O:):?8):evil::D:idea::oops::P:roll:;):cry::o:lol::x:(:!::?:

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>