Ben bir çift yeni projelerde sekmeli panelleri kullanmış, ve ben kullandım çözüm aşağıdaki gibidir:
HTML
<ul class="tabs">
<li><a href="#en_en">English</a></li>
<li><a href="#fr_fr">Français</a></li>
</ul>
<div class="panel" id="en_en"><!-- Content --></div>
<div class="panel" id="fr_fr"><!-- Content --></div>
jQuery
// the currently selected tab, or a default tab (don't forget to prepend the #)
var tab = location.hash || '#en_en';
// register a click handler on all the tabs
$('ul.tabs a').click(function(event){
event.preventDefault(); // prevents the browser from scrolling to the anchor
// hide all panels, then use the link's href attribute to find
// the matching panel, and make it visible
// you can, of course, use whatever animation you like
$('div.panel').hide().filter( $(this).attr('href') ).show();
).filter('[href*='+tab+']').click();
// above: in case of refreshing/bookmarking: find the tab link that contains
// the current location.hash, and fire its click handler
Sunucu tarafı kod seçili olan sekme bilmeniz gerekmez, ama aynı zamanda ferahlatıcı destekler veya kullanıcı tekrar sekmesini seçin gerektirmeden özel bir sekme imi çünkü iyi çalışır.