Add jQuery UI, tabs, and accordion JS and CSS to build Adam Torres' hi-fi prototype. Dropped YUI Base CSS in favor of defining our own base styles in screen.css, headings will and other items may not look right until I do. Need to figure out how jQuery ThemeRoller CSS should be integrated, if at all.

1 files changed, 18 insertions, 0 deletions

diff --git a/themes/default/jquery/jquery.ui.init.js b/themes/default/jquery/jquery.ui.init.js
new file mode 100644
index 00000000..e9da2203
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.init.js
@@ -0,0 +1,18 @@
+/**
+ * Apply jQuery UI components
+ * 
+ * @todo Write helpers to grab all jQuery UI components by class and initialize
+ */
+
+$(function(){
+
+  //accordion
+  $('#gSettingsGroup-1').accordion({
+    header: ".ui-accordion-header",
+    clearStyle: true
+  });
+  
+  //tabs
+  $('#gSettings ul').tabs();
+
+});