Since the properties were removed for NavClass, etc. in 1.7.1, I am
struggling a bit with creating separate styles for nested tabs. The
only way I can think of right now to do it is to do this:
<style>
Redefine all of the styles from the themeroller CSS here, at least the
ones that are inherited by tabs and their
container.
</style>
...
$(function() {
// Create the subtabs
$("#subtabs").tabs();
// Remove all existing CSS classes from the subtabs
$('#subtabs').removeClass();
$('#subtabs ul').removeClass();
$('#subtabs ul li').removeClass();
// Add the new CSS classes
$('#subtabs').addClass('new classes');
$('#psubtabs ul').addClass('new classes');
$('#psubtabs ul li').addClass('new classes');
});
Something like that ... man this is tedious. Surely there is a better
more elegant way to do this ... anyone? If there isn't, I guess I
still need to figure out a way to apply the "selected" classes to the
tab that is currently selected - haven't gotten that far yet.
Thanks in advance!
- U
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
