اضافه کردن کنترل ها به تب های ساخته شده با jQuery

[sara_aryanfar]

باسلام من در سایت خودم از کد زیر برای ایجاد تب استفاده کردم البته این فقط یک قطعه از کد هست می خوام بدونم چطوری باید برای هر تب کنترل های خودمو اضافه کنم که اون کنترل ها فقط داخل اون تب دیده بشن

<ul id="navigation">

    <li class="one"><a href="#">Details</a></li>

    <li class="two"><a href="#">Schedule</a></li>

    <li class="three selected"><a href="#">Speakers</a></li>

    <li class="four"><a href="#">Sponsors</a></li>

    <li class="five"><a href="#">Register</a></li>

    <li class="shadow"></li>

</ul>

[exlord]

با jQuery UI یا کد دیگه ای دارین برای تب ...
اگه jQuery ui باشه :

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        tab 1 content
    </div>
    <div id="tabs-2">
        tab 2 content
    </div>
    <div id="tabs-3">
        tab 3 content
    </div>
</div>

[hjran abdpor]

با سلام.
شما باید از CSS استفاده کنید اگه درست سوالتون را متوجه شده باشم، !!!!!!!!!! این یک نمونه است نگاه کنید شاید کمکتون کرد !
http://www.remotesynthesis.com/post....-and-jquery-ui
اگه کمک نکرد سوالتون را باز مطرح کنید!

با سپاس

[sara_aryanfar]

با jQuery UI یا کد دیگه ای دارین برای تب ...
اگه jQuery ui باشه :

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        tab 1 content
    </div>
    <div id="tabs-2">
        tab 2 content
    </div>
    <div id="tabs-3">
        tab 3 content
    </div>
</div>

من از کد شما استفاده کردم اما خوب متن
tab 1 content مثلا همیشه نشون داده میشه من می خوام وقتی روی تب 1 کلیک میشه یه متن نمایش داده بشه و وقتی روی تب 2 کلیک میشه یه متنم دیگه

[exlord]

من از کد شما استفاده کردم اما خوب متن
tab 1 content مثلا همیشه نشون داده میشه من می خوام وقتی روی تب 1 کلیک میشه یه متن نمایش داده بشه و وقتی روی تب 2 کلیک میشه یه متنم دیگه

اگه شما از jquery ui برای ساختن تب استفاده میکنین ... ساختار html اش اینه و همینطوری که شما میخواین میشه .... ولی اگه از کد دیگه ای استفاده میکنین باید نسبت به اون کد html رو تغببر بدین ... شما از چه کد (js) برای ساختن تب استفاده میکنین ؟

[sara_aryanfar]

راستش من از نمونه کد استفاده کردم که براتون قرار میدم ملاحظه بفرمائید

http://up.iranblog.com/images/xyqheigokm0xny5tgsf3.rar

[exlord]

این کد حالا فقط یه منوی سادس ... قسمت تب بودش یادشون رفته کد بنویسن براش .... شما برو از تب jquery UI استفاده کن ...