How to create a vertical tabs using the JQuery UI?

Question

I tried the vertical tabs in the demos,but that make my horizontal ones vertical,too,which is not what i want. Thanks.

Answer 1

From this demo, they already had difference CSS class. I don't think it should mess up with your horizontal tabs.

$(function() {
 $("#tabs").tabs().addClass('ui-tabs-vertical ui-helper-clearfix');
 $("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-left');
 });

give it a try. (view source)