En üstte sayfanın sol tarafında sekmeler yerine istiyorum. Zaten başka nedenlerle JQuery (etkileri) yükleme yapıyorum, başka bir UI çerçeve JQuery kullanmayı tercih ediyoruz. Aramalarda "dikey sekmeler jquery" verim works-in-progress bağlantılar için.

Dikey Sekme tarayıcılar dolu iş arasında oluyor, ya da bir çözüm var bir kere, örnek kod sonrası için faydalı görünmüyor önemsiz mi bu?

the jQuery UI vertical Tabs Docubir göz at. İyi işe yaradı çalışıyorum.

<style type="text/css">
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
</style> 

<script>
    $(document).ready(function() {
        $("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
        $("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');

    });
</script>