problem to understand how to use jquery tabs

Question

i'm tried to understand the jquery tabs plugin of ui but i don't get it. i also follow the example in the docs but i don't make to run see my code and tell me why am i doing wrong Because i don' see it .

html code

<div class="header">
        <div class="headerContainer">
          <div class="logoContainer"></div>
          <div id="menuContainer" class="tab">
            <ul id="menuPrincipal">
                <li>
                <a href="#tabs-1">Quienes Somos</a>
                </li>
                <li>
                <a href="#tabs-2">Catalogo de Repuestos</a>
                </li>
                <li>
                <a href="#tabs-3">Cotizacion OnLine</a>
                </li>
                <li>
                <a href="#tabs-4">Catalogo de Repuestos</a>
                </li>
            </ul>
           </div>
        </div>
</div>
<div class="container">
    <div id="tab-1">
        Contenido para internet
    </div>
    <div id="tab-2">
        Contenido para tecnologías WAP
    </div>
    <div id="tab-3">
        Contenido para plugins jQuery
    </div>
    <div id="tab-4">
        Contenido de prueba
    </div>
</div>

JS

$(document).ready(initialize);

function initialize(){

    $( "#menuContainer" ).tabs();
}

James Montagne · Accepted Answer · 2011-05-30 03:20:00Z

1

2 Issues, place the content divs in the same parent div as your ul.

2nd, your links are to #tabs-... but your divs have ids that are tab-..., no s.

http://jsfiddle.net/FFPVy/

answered May 30, 2011 at 3:20

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jorge Over a year ago

hi and thanks for asking one question if i put styles to my divs could be a cause to stop to work the plugin?? because i tried and don't work and the only difference that i see it's the css file

James Montagne Over a year ago

I do believe the css is important with tabs.

Dave Kiss · Accepted Answer · 2011-05-30 03:19:13Z

1

Your links are linking to the plural#tabs-3, while your div is actually called the singular #tab-3.

answered May 30, 2011 at 3:19

Dave Kiss

10.5k11 gold badges55 silver badges77 bronze badges

1 Comment

Jorge Over a year ago

hi and thanks for asking one question if i put styles to my divs could be a cause to stop to work the plugin?? because i tried and don't work and the only difference that i see it's the css file

Collectives™ on Stack Overflow

problem to understand how to use jquery tabs

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related