Mam zrobione zakładki (tabsy) dynamiczne za pomocą html, css i jQuery:
<style>ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #3D3D3D; border-left: 1px solid #3D3D3D; width: 687px; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border-left: none; background: #606060; overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; display: block; padding: 0 10px; border: 1px solid #3D3D3D; outline: none; } ul.tabs li a:hover { background: #3D3D3D; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #3D3D3D; } .tab_container { border: 0px solid #999; border-top: none; clear: both; float: left; width: 100%; } .tab_content { padding: 20px; padding-top: 0px; padding-bottom: 5px; padding: 10px; font: 12px Tahoma, sans-serif; }</style> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> <ul class="tabs"> </ul> <div class="tab_container"> </div>
Chodzi mi to to, że w zakładce tab2 mam sobie, np. formularz. I gdy go wyślę to przechodzi mi na pierwszą zakładkę i żeby zobaczyć odpowiedź to muszę ręcznie przełączyć na drugą. W jaki sposób mogę to zrobić, tak aby po wysłaniu formularza automatycznie aktywna była druga zakładka - ta z której został wysłany formularz?
Pozdrawiam.