Ein-und ausblenden Jquery UI tabs

Ich bin mit jquery UI tabs und funktioniert ziemlich gut und jetzt will ich ein-und ausblenden, tabs mit einem Klick der Taste wie unten dargestellt.

Auf jedem tab habe ich ein button und wenn ich auf es es verbergen sollte der vorhanden Register und der rest tabs und soll zeigen mir die nächste Registerkarte.(also..Wenn ich auf tab-1 und Wenn ich auf button-es sollte mir zeigen, die tab-2 und ausblenden soll 1,3 und 4 tabs) und ähnlich für 2,3,4 tabs.

Dies ist, was ich meine ?

Ein-und ausblenden Jquery UI tabs

So, wie mache ich das?

Hier ist mein code:
Skript:

<script>
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>

Css:

<style type="text/css">
    #tabs { width: 700px; }
  </style>

Registerkarten:

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">TAB1</a></li>
    <li><a href="#tabs-2">TAB2</a></li>
    <li><a href="#tabs-3">TAB3</a></li>
    <li><a href="#tabs-4">TAB4</a></li>
  </ul>
  <div id="tabs-1">
    <p></p>
  </div>
  <div id="tabs-2">
    <p></p>
  </div>
  <div id="tabs-3">
    <p></p>
    <p></p>
  </div>
</div>
InformationsquelleAutor coder | 2011-11-02
  1. 1

    Glaube ich, dass der folgende code-snippet sollte das tun, was Sie wollen.

    $("#button_id").click(function() {
  $("#tabs").tabs('select', 'tab_index');
});

    Tab_index sollte ein integer sein, es gibt die position der Registerkarte (beginnend bei null!), also hier würde man in der position des nächsten oder vorherigen Registerkarte.
    Sie können rufen Sie die aktuelle Registerkarte index wie folgt:

    var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected');

    Ich schlage vor, Sie haben einen Blick auf die Dokumentation der .tabs () - Methode auswählen.

    • Hey vielen Dank für Ihre Antwort und wie kann ich Sie verstecken?
    • Ich würde nur zu verwenden jQuery-hide () - Methode für das
    • Ein upvote wäre nett...
    InformationsquelleAutor Jochen Van de Velde
  2. 0

    Fand ich die Lösung zu meinem problem hier http://beta.kilbot.com.au/labs/jquery/add-remove-tabs-using-jquery/

    • Bitte würden Sie mir, um die eigentliche Lösung und nicht einfach einen link? Vielen Dank im Voraus!
    • Der link ist kaputt.
    InformationsquelleAutor
  3. -4

    jQuery UI auf die Website dort sagt die richtige jQuery-syntax für diese ist 

    <script>
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>
    • Ich wusste, dass ohne, dass es nicht ganz wotk und ich will es zeigen und verbergen.
    • Als Sie gehen zu müssen, um einen benutzerdefinierten Funktionen
    InformationsquelleAutor comu
Schreibe einen Kommentar