JQuery UI вкладки помогают

Question

Почему так трудно использовать интерфейс вкладки jquery: S ..

У меня есть загрузка без темы, потому что я хочу сделать свою собственную, потому что я не хочу, чтобы миллион CSS просто делал эффект табуляции: S.

поэтому мне нужно работать с CSS сейчас, чтобы я мог скрыть контент, а когда я нажимаю на ссылку, я должен скрыть контент ..

вот что у меня сейчас:

<script>
var $tabs = $('#tabs-1').tabs(); // first tab selected

$('#tabs-1').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});
</script>
                <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>Tab 1 content</p>
                           </div>
                           <div id="tabs-2">
                              <p>Tab 2 content</p>
                           </div>
                           <div id="tabs-3">
                              <p>Tab 3 content</p>
                           </div>
                        </div><!-- tabs -->

#tabs ul{
    width: 296px;
    float: left;
}

#tabs li {
    float: left;
    width: 95px;
    text-align: center;
}

#tabs-1 {

}

#tabs-2 {
    display: none;
}

#tabs-3 {
    display: none;
}

надеюсь, кто-нибудь может мне помочь, я в замешательстве

Answer 1

Первая

var $tabs = $('#tabs-1').tabs();

должна быть

var $tabs = $('#tabs').tabs();

секунда, вы должны переопределить или определить правила CSS, если вы их не загружаетенужно иметь!

И это вам не нужно в al:

$('#tabs-1').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});