I have an instance of UI Tabs working with fade transition and auto-
rotate, and would like to change the appearance of the ul.ui-tabs-nav
by changing the position of its background sprite. I attempted to add
these lines to the function which initiates the tabs, but it seems to
only run once,  and given the auto-rotate functionality, I cant set a
function to execute on click of one of the A elements. Can someone
help to make this continually update the ID of my nav UL, or can
someone think of a better way to do this?

The script is this:

<script type="text/javascript">
$(function() {
  $('#bucket1 > ul').tabs({ fx: { opacity:
'toggle' } }).tabs('rotate', 5000);

  var $tabs = $('#bucket1 > ul').tabs();
  var selected = $tabs.data('selected.tabs');
  $('.ui-tabs-nav').attr("id", selected );

});
</script>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to