Autor Zpráva
NoSkill
Profil *
Ahoj, chci se zeptat jak se dělá pomocí jquery slide mezi různými kroky. Jde o dokončení objednávky představte si dnešní e-shop a když chcete zboží objednat tak postupně se přepínají záložky jako je doprava, platba atd... Přesně tohle hledám jak je to tady http://www.alfa-omega.cz/nakupni-kosik/ nemohl by prosím někdo dát nějaký odkaz jak na to ?
Sylar
Profil
NoSkill:
já na tohle používám jednoduchou fci

JS:
function tabs(id) {
    $(".tab").removeClass("active");
    
    $("#a_" + id).addClass("active");
    $("#" + id).addClass("active");
  }

HTML:
<a href="javascript:void(0);" onclick="tabs("tab_1");" id="a_tab_1" class="tab active">První záložka</a>
<a href="javascript:void(0);" onclick="tabs("tab_2");" id="a_tab_2" class="tab">Druhá záložka</a>
<a href="javascript:void(0);" onclick="tabs("tab_3");" id="a_tab_3" class="tab">Třetí záložka</a>

<div id="tab_1" class="tab active">Obsah k první záložce</div>
<div id="tab_2" class="tab">Obsah ke druhé záložce</div>
<div id="tab_2" class="tab">Obsah ke třetí záložce</div>

CSS:
.tab { display: none; }
.tab.active { display: block; }

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0