Download
  • Multiple Positions
  • Keyboard & Mouse
  • Dropdown Menu
  • Sliding Control
  • Responsive
  • AJAX
  • API

Multiple Positions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

Keyboard & Mouse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

Dropdown Menu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

Sliding Control

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

Responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

AJAX

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

API

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non dolor sed mauris faucibus placerat non ut mi. Aliquam nibh erat, mattis porta tristique ut, tristique eget risus. Donec suscipit, lorem a fringilla iaculis, mauris arcu posuere dolor, vel euismod mauris purus ac lacus. Nullam eu turpis non mauris iaculis pellentesque. Nam ut justo sed mauris aliquam commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ornare, leo in venenatis commodo, velit nisl molestie arcu, eu malesuada magna arcu sed diam. Aenean convallis elementum elit, sed vestibulum sapien commodo nec. Sed placerat, nisl in euismod posuere, justo ipsum auctor turpis, eget consequat nisl arcu non leo. Cras enim sem, tincidunt blandit laoreet a, convallis ac nulla.

Sed ornare, urna id accumsan tincidunt, justo lacus imperdiet nunc, quis lobortis est est eget elit. Suspendisse lacinia feugiat enim, eget tincidunt nulla lobortis pharetra. Quisque id mattis dolor. Nulla massa orci, pulvinar in fermentum ac, commodo nec est. Sed ligula ipsum, malesuada sit amet egestas id, rhoncus posuere velit. Vivamus eget dolor libero, bibendum porta mi. Mauris mattis neque scelerisque massa vestibulum vel consectetur ligula sagittis. Donec vestibulum ornare lacus in commodo. Cras enim purus, eleifend at ultrices at, laoreet in lectus. Vivamus vel mattis sem. Integer sit amet enim risus, in volutpat tortor. Integer consequat nibh ac orci porttitor fringilla. Vivamus placerat elementum imperdiet. Nulla tincidunt, nisi in blandit aliquet, tortor purus tempus lectus, vitae gravida mi sapien et magna.

AddDeleteDisable
Slide LeftSlide Right
PreviousNext
                    var api = new Royal_Tab_Api($('.royal_tab'));

                    // open the first tab
                    api.open(0);

                    // select previous tab
                    api.prev();

                    // select next tab
                    api.next();

                    // slide to the left
                    api.slideLeft();

                    // slide to the right
                    api.slideRight();

                    // enable the third tab
                    api.enable(2);

                    // disable the third tab
                    api.disable(2);

                    // toggle the disabled state of the third tab
                    api.toggle(2);

                    // remove the first tab
                    api.remove(0);

                    // add a new tab, set tab label to "tab 2", content to "xxxx" and position it to the 2nd one
                    api.add(1, false, 'tab 2', 'xxxxx');

                    // add a new AJAX tab and select it, set label to "tab 2",  ajax request page to "ajax_content.php" and position it to the very beginning
                    api.add(0, true, 'tab 2', 'ajax_content.php', true);