[JQuery] Problem z ukrywaniem i pokazywaniem elementów, czyli hide() oraz show() Opcje

[Maksior]

Witam wszystkich użytkowników forum,

Mam mały problem z hide() oraz show() a mianowicie z poprawym odniesieniem od elementów, które trzeba ukryć/lub pokazać. Sprawa jest dość prosta - zakładki. W jaki sposób poprawnie odnieść się do pozostałych elementów. Próbuje w ten sposób ale działa to w sposób należyty.

JS

Kod

$("#menu ul li a").click(function()
        {
            var element_index = $("#menu a").index(this);
            
            $("#text:visible").hide();
            $("#text").eq(element_index).show();
            
            return false;
        });

Menu [html]

Kod

<div id="content">
    <div class="topround topround_grey"></div>
    <div class="center center_grey">
        <div id="text" style="display: block; float: left; padding: 5px 33px; width: 582px;">
            Treść
        </div>
        <div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
            Treść
        </div>
        <div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
            Treść
        </div>
    
        <div style="float: right; width: 288px;">
            <div id="menu">
                <ul>
                    <li><a href="#">Menu element 1</a></li>
                    <li><a href="#">Menu element 2</a></li>
                    <li><a href="#">Menu element 3</a></li>
                    <li><a href="#">Menu element 4</a></li>
                    <li><a href="#">Menu element 5</a></li>
                    <li><a href="#">Menu element 6</a></li>
                </ul>
            </div>
        </div>
        <div id="bok">
            Treść
        </div>
    </div>
    <div class="botround botround_grey"></div>
</div>

Z góry przepraszam za podstawowe pytania,
Pozdrawiam
Maksior

Ten post edytował Maksior 25.02.2013, 17:14:44

[mar1aczi]

http://jqueryui.com/tabs/
i do poczytania http://webdesignledger.com/tutorials/11-us...ation-solutions