error using tabs in jquery
Recently I was given a website that used jquery libraries. They were local, so I replaced them by libraries from ajax.googleapis. I think that part worked, The idea was to get a scroller to work, where the scroller was made from a set of tabs.
- The libraries are:
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="scripts/jquery.tabs.setup.js"></script>
I had not known about the tab control, and how you can split content on tabs. The website just moves slowly from one tab to another using:
$(function() { $('#featured_slide').tabs({ fx: { opacity: 'show' } }).tabs('rotate', 8000); });
But I get:
Uncaught Error: no such method 'rotate' for tabs widget instance
I have several questions on this. First of all, why would I get that error? You can see it happening at http://afsi.org. Secondly, is there a way to make a custom slider that only takes up half of the horizontal space that this one does, but still has room for 5 tabs and items? Where would I read about this and the 'rotate' method.
Thanks,