JQuery Accordion Menu Widget - Version 1.1

Version Description

  • Fixed : Duplicate ID with themes adding ID to widget container
  • Fixed : Set cookie path
Download this release

Release Info

Developer remix4
Plugin Icon wp plugin JQuery Accordion Menu Widget
Version 1.1
Comparing to
See all releases

Code changes from version 1.0 to 1.1

Files changed (11) hide show
  1. dcwp_jquery_accordion.php +1 -1
  2. dcwp_jquery_accordion_widget.php +8 -12
  3. js/jquery.dcjqaccordion.js +1 -1
  4. readme.txt +12 -8
  5. skins/black.css +8 -8
  6. skins/blue.css +8 -8
  7. skins/clean.css +8 -8
  8. skins/demo.css +8 -8
  9. skins/graphite.css +10 -10
  10. skins/grey.css +9 -9
  11. skins/images/bg_white.jpg +0 -0
dcwp_jquery_accordion.php CHANGED
@@ -5,7 +5,7 @@
5
  Tags: jquery, dropdown, menu, vertical accordion, animated, css, navigation
6
  Description: Creates a widget, which allows you to create vertical accordion menus from any Wordpress custom menu using jQuery. Features include - handles multiple levels & saved state using cookies.
7
  Author: Lee Chestnutt
8
- Version: 1.0
9
  Author URI: http://www.designchemical.com
10
  */
11
 
5
  Tags: jquery, dropdown, menu, vertical accordion, animated, css, navigation
6
  Description: Creates a widget, which allows you to create vertical accordion menus from any Wordpress custom menu using jQuery. Features include - handles multiple levels & saved state using cookies.
7
  Author: Lee Chestnutt
8
+ Version: 1.1
9
  Author URI: http://www.designchemical.com
10
  */
11
 
dcwp_jquery_accordion_widget.php CHANGED
@@ -7,6 +7,7 @@ class dc_jqaccordion_widget extends WP_Widget {
7
  $name = 'jQuery Accordion Menu';
8
  $desc = 'Vertical Accordion From Custom Menus';
9
  $id_base = 'dc_jqaccordion_widget';
 
10
  $css_class = '';
11
  $alt_option = 'widget_dcjq_accordion_navigation';
12
 
@@ -15,7 +16,7 @@ class dc_jqaccordion_widget extends WP_Widget {
15
  'description' => __( $desc, 'dcjq-accordion' ),
16
  );
17
  parent::WP_Widget( 'nav_menu', __('Custom Menu'), $widget_ops );
18
-
19
  $this->WP_Widget($id_base, __($name, 'dcjqaccordion'), $widget_ops);
20
  $this->alt_option_name = $alt_option;
21
 
@@ -38,31 +39,26 @@ class dc_jqaccordion_widget extends WP_Widget {
38
  extract( $args );
39
  // Get menu
40
 
41
- if(! isset($instance['speed']) ){ $instance['speed'] = 'slow'; }
42
 
43
  $widget_options = wp_parse_args( $instance, $this->defaults );
44
  extract( $widget_options, EXTR_SKIP );
45
 
46
  $nav_menu = wp_get_nav_menu_object( $instance['nav_menu'] );
47
 
48
- if ( !$nav_menu )
49
  return;
50
 
51
  $instance['title'] = apply_filters('widget_title', $instance['title'], $instance, $this->id_base);
52
-
53
-
54
-
55
  echo $args['before_widget'];
56
-
57
-
58
-
59
-
60
  if ( !empty($instance['title']) )
61
  echo $args['before_title'] . $instance['title'] . $args['after_title'];
62
 
63
  ?>
64
 
65
- <div class="dcjq-accordion" id="<?php echo $this->id; ?>">
66
 
67
  <?php
68
 
@@ -231,7 +227,7 @@ class dc_jqaccordion_widget extends WP_Widget {
231
  ?>
232
  <script type="text/javascript">
233
  jQuery(document).ready(function($) {
234
- jQuery('#<?php echo $widget_id; ?> .menu').dcAccordion({
235
  classParent: '<?php echo $wpdcjqaccordion['classParent']; ?>',
236
  classActive: '<?php echo $wpdcjqaccordion['classActive']; ?>',
237
  event: '<?php echo $wpdcjqaccordion['event']; ?>',
7
  $name = 'jQuery Accordion Menu';
8
  $desc = 'Vertical Accordion From Custom Menus';
9
  $id_base = 'dc_jqaccordion_widget';
10
+ $widget_base = 'dc_jqaccordion_widget_item';
11
  $css_class = '';
12
  $alt_option = 'widget_dcjq_accordion_navigation';
13
 
16
  'description' => __( $desc, 'dcjq-accordion' ),
17
  );
18
  parent::WP_Widget( 'nav_menu', __('Custom Menu'), $widget_ops );
19
+
20
  $this->WP_Widget($id_base, __($name, 'dcjqaccordion'), $widget_ops);
21
  $this->alt_option_name = $alt_option;
22
 
39
  extract( $args );
40
  // Get menu
41
 
42
+ if(! isset($instance['speed']) ){ $instance['speed'] = 'slow'; }
43
 
44
  $widget_options = wp_parse_args( $instance, $this->defaults );
45
  extract( $widget_options, EXTR_SKIP );
46
 
47
  $nav_menu = wp_get_nav_menu_object( $instance['nav_menu'] );
48
 
49
+ if (!$nav_menu)
50
  return;
51
 
52
  $instance['title'] = apply_filters('widget_title', $instance['title'], $instance, $this->id_base);
53
+
 
 
54
  echo $args['before_widget'];
55
+
 
 
 
56
  if ( !empty($instance['title']) )
57
  echo $args['before_title'] . $instance['title'] . $args['after_title'];
58
 
59
  ?>
60
 
61
+ <div class="dcjq-accordion" id="<?php echo $this->id.'-item'; ?>">
62
 
63
  <?php
64
 
227
  ?>
228
  <script type="text/javascript">
229
  jQuery(document).ready(function($) {
230
+ jQuery('#<?php echo $widget_id.'-item'; ?> .menu').dcAccordion({
231
  classParent: '<?php echo $wpdcjqaccordion['classParent']; ?>',
232
  classActive: '<?php echo $wpdcjqaccordion['classActive']; ?>',
233
  event: '<?php echo $wpdcjqaccordion['event']; ?>',
js/jquery.dcjqaccordion.js CHANGED
@@ -80,7 +80,7 @@
80
  activeIndex.push(itemIndex);
81
  });
82
  // Store in cookie
83
- $.cookie(cookieId, activeIndex);
84
  }
85
  });
86
 
80
  activeIndex.push(itemIndex);
81
  });
82
  // Store in cookie
83
+ $.cookie(cookieId, activeIndex, { path: '/' });
84
  }
85
  });
86
 
readme.txt CHANGED
@@ -1,10 +1,10 @@
1
  === JQuery Accordion Menu Widget ===
2
  Contributors: Remix4
3
  Donate link: http://www.designchemical.com
4
- Tags: jquery, dropdown, menu, vertical accordion, animated, css, navigation
5
  Requires at least: 3.0
6
- Tested up to: 3.05
7
- Stable tag: 1.0
8
 
9
  Creates a widget, which allows you to create vertical accordion menus from any Wordpress custom menu using jQuery.
10
 
@@ -22,7 +22,7 @@ The widget has several parameters that can be configured to help cutomise the ve
22
  * Skin - Several sample skins are available to give examples of css that can be used to style your accordion menu
23
  * Animation Speed - The speed at which the menu will open/close
24
 
25
- [__See demo__](http://www.designchemical.com/lab/wordpress/demo-wordpress-vertical-accordion-menu-plugin/)
26
 
27
  == Installation ==
28
 
@@ -35,7 +35,9 @@ The widget has several parameters that can be configured to help cutomise the ve
35
 
36
  = The menu appears on the page but does not work. Why? =
37
 
38
- One main reason for this is that the plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function.
 
 
39
 
40
  Another likely cause is due to other non-functioning plugins, which may have errors and cause the plugin javascript to not load. Remove any unwanted plugins and try again. Checking with Firebug will show where these error are occuring.
41
 
@@ -46,7 +48,9 @@ Another likely cause is due to other non-functioning plugins, which may have err
46
 
47
  == Changelog ==
48
 
49
- = 1.0 =
50
- * First release
 
51
 
52
- == Upgrade Notice ==
 
1
  === JQuery Accordion Menu Widget ===
2
  Contributors: Remix4
3
  Donate link: http://www.designchemical.com
4
+ Tags: jquery, dropdown, menu, vertical accordion, animated, css, navigation, widget
5
  Requires at least: 3.0
6
+ Tested up to: 3.1
7
+ Stable tag: 1.1
8
 
9
  Creates a widget, which allows you to create vertical accordion menus from any Wordpress custom menu using jQuery.
10
 
22
  * Skin - Several sample skins are available to give examples of css that can be used to style your accordion menu
23
  * Animation Speed - The speed at which the menu will open/close
24
 
25
+ [__See demo__](http://www.designchemical.com/lab/demo-wordpress-vertical-accordion-menu-plugin/)
26
 
27
  == Installation ==
28
 
35
 
36
  = The menu appears on the page but does not work. Why? =
37
 
38
+ First - make sure that your custom menu has at least 2 levels. If it has only one level the open/close effect is not active.
39
+
40
+ One main reason for the menu failing to load properly is caused by the necessary code missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function.
41
 
42
  Another likely cause is due to other non-functioning plugins, which may have errors and cause the plugin javascript to not load. Remove any unwanted plugins and try again. Checking with Firebug will show where these error are occuring.
43
 
48
 
49
  == Changelog ==
50
 
51
+ = 1.1 =
52
+ * Fixed : Duplicate ID with themes adding ID to widget container
53
+ * Fixed : Set cookie path
54
 
55
+ = 1.0 =
56
+ * First release
skins/black.css CHANGED
@@ -1,8 +1,8 @@
1
- #dc_jqaccordion_widget-%ID%{font: bold 13px Arial, sans-serif;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {padding: 10px 10px 10px 28px; background: #000 url(skins/images/bg_graphite.png) repeat-x 0 0; text-decoration:none; display: block; color: #fff; font-weight: normal;border-bottom: 1px solid #fff;}
4
- #dc_jqaccordion_widget-%ID% ul ul a {background: #343434;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent, #dc_jqaccordion_widget-%ID% ul a.dcjq-parent:hover {background: #000 url(skins/images/graphite_arrow_right.png) no-repeat 0 0; font-weight: bold; color: #fff;}
6
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {background: #000 url(skins/images/graphite_arrow_down.png) no-repeat 0 0;}
7
- #dc_jqaccordion_widget-%ID% ul a:hover {background: #121212;}
8
- #dc_jqaccordion_widget-%ID% ul a:active{}
1
+ #dc_jqaccordion_widget-%ID%-item{font: bold 13px Arial, sans-serif;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 10px 10px 28px; background: #000 url(skins/images/bg_graphite.png) repeat-x 0 0; text-decoration:none; display: block; color: #fff; font-weight: normal;border-bottom: 1px solid #fff;}
4
+ #dc_jqaccordion_widget-%ID%-item ul ul a {background: #343434;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #000 url(skins/images/graphite_arrow_right.png) no-repeat 0 0; font-weight: bold; color: #fff;}
6
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #000 url(skins/images/graphite_arrow_down.png) no-repeat 0 0;}
7
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #121212;}
8
+ #dc_jqaccordion_widget-%ID%-item ul a:active{}
skins/blue.css CHANGED
@@ -1,8 +1,8 @@
1
- #dc_jqaccordion_widget-%ID%{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {padding: 10px 10px 10px 15px; background: #0D5995; text-decoration:none; display: block; color: #fff; border-bottom: 1px solid #013d6c; border-top: 1px solid #4695d3;}
4
- #dc_jqaccordion_widget-%ID% ul ul a {padding: 10px 10px 10px 25px;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent, #dc_jqaccordion_widget-%ID% ul a.dcjq-parent:hover {padding: 10px 10px 10px 15px;}
6
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {background: #0D5995 url(skins/images/checkers.png) repeat 0 0;}
7
- #dc_jqaccordion_widget-%ID% ul a:hover {background: #05477c;}
8
- #dc_jqaccordion_widget-%ID% ul a:active{}
1
+ #dc_jqaccordion_widget-%ID%-item{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 10px 10px 15px; background: #0D5995; text-decoration:none; display: block; color: #fff; border-bottom: 1px solid #013d6c; border-top: 1px solid #4695d3;}
4
+ #dc_jqaccordion_widget-%ID%-item ul ul a {padding: 10px 10px 10px 25px;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {padding: 10px 10px 10px 15px;}
6
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #0D5995 url(skins/images/checkers.png) repeat 0 0;}
7
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #05477c;}
8
+ #dc_jqaccordion_widget-%ID%-item ul a:active{}
skins/clean.css CHANGED
@@ -1,8 +1,8 @@
1
- #dc_jqaccordion_widget-%ID%{border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {padding: 10px 15px; background: #fff url(skins/images/bg_clean.png) repeat-x top center; font-weight: bold; text-transform: uppercase; text-decoration:none; display: block; color: #222; border-bottom: 1px solid #cfcfcf;}
4
- #dc_jqaccordion_widget-%ID% ul ul a {padding: 10px 10px 10px 25px; background: #fff; font-weight: normal; text-transform: capitalize;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent {padding: 10px 15px; background: #fff url(skins/images/bg_clean.png) repeat-x top center; font-weight: bold; text-transform: uppercase;}
6
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent:hover {background: #fff url(skins/images/bg_clean_on.png) repeat-x top center;}
7
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {}
8
- #dc_jqaccordion_widget-%ID% ul a:hover {background: #ececec; color: #990000;}
1
+ #dc_jqaccordion_widget-%ID%-item{border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 15px; background: #fff url(skins/images/bg_clean.png) repeat-x top center; font-weight: bold; text-transform: uppercase; text-decoration:none; display: block; color: #222; border-bottom: 1px solid #cfcfcf;}
4
+ #dc_jqaccordion_widget-%ID%-item ul ul a {padding: 10px 10px 10px 25px; background: #fff; font-weight: normal; text-transform: capitalize;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent {padding: 10px 15px; background: #fff url(skins/images/bg_clean.png) repeat-x top center; font-weight: bold; text-transform: uppercase;}
6
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #fff url(skins/images/bg_clean_on.png) repeat-x top center;}
7
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {}
8
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #ececec; color: #990000;}
skins/demo.css CHANGED
@@ -1,8 +1,8 @@
1
- #dc_jqaccordion_widget-%ID%{background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {background-repeat: no-repeat; background-position: 10px center; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 32px; text-decoration:none; display: block; color: #222; font-weight: bold;}
4
- #dc_jqaccordion_widget-%ID% ul ul a {font-weight: normal;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent {background-image: url(skins/images/plus_grey.png); font-weight: bold; background-color: #fff;}
6
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {background-image: url(skins/images/minus_grey.png); background-color: #f3f3f3;}
7
- #dc_jqaccordion_widget-%ID% ul a:hover {color: #990000;}
8
- #dc_jqaccordion_widget-%ID% ul a:active{}
1
+ #dc_jqaccordion_widget-%ID%-item{background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {background-repeat: no-repeat; background-position: 10px center; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 32px; text-decoration:none; display: block; color: #222; font-weight: bold;}
4
+ #dc_jqaccordion_widget-%ID%-item ul ul a {font-weight: normal;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent {background-image: url(skins/images/plus_grey.png); font-weight: bold; background-color: #fff;}
6
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background-image: url(skins/images/minus_grey.png); background-color: #f3f3f3;}
7
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {color: #990000;}
8
+ #dc_jqaccordion_widget-%ID%-item ul a:active{}
skins/graphite.css CHANGED
@@ -1,10 +1,10 @@
1
- #dc_jqaccordion_widget-%ID%{font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {padding: 10px 10px 10px 50px; background: #000 url(skins/images/bg_black.png) repeat-x 0 -1px; text-decoration:none; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #777; position: relative;}
4
- #dc_jqaccordion_widget-%ID% ul ul a {background: #424549;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent, #dc_jqaccordion_widget-%ID% ul a.dcjq-parent:hover {background: #000 url(skins/images/bg_black.png) repeat-x 0 -1px;}
6
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {}
7
- #dc_jqaccordion_widget-%ID% ul a .dcjq-icon {position: absolute; top: 0; left: 12px; width: 34px; height: 34px; background: url(skins/images/arrow_black_right.png) no-repeat 0 center;}
8
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active .dcjq-icon {background: url(skins/images/arrow_black_down.png) no-repeat 0 center;}
9
- #dc_jqaccordion_widget-%ID% ul a:hover {background: #232323; color: #fff;}
10
- #dc_jqaccordion_widget-%ID% ul a:active{}
1
+ #dc_jqaccordion_widget-%ID%-item{font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 10px 10px 50px; background: #000 url(skins/images/bg_black.png) repeat-x 0 -1px; text-decoration:none; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #777; position: relative;}
4
+ #dc_jqaccordion_widget-%ID%-item ul ul a {background: #424549;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #000 url(skins/images/bg_black.png) repeat-x 0 -1px;}
6
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {}
7
+ #dc_jqaccordion_widget-%ID%-item ul a .dcjq-icon {position: absolute; top: 0; left: 12px; width: 34px; height: 34px; background: url(skins/images/arrow_black_right.png) no-repeat 0 center;}
8
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active .dcjq-icon {background: url(skins/images/arrow_black_down.png) no-repeat 0 center;}
9
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #232323; color: #fff;}
10
+ #dc_jqaccordion_widget-%ID%-item ul a:active{}
skins/grey.css CHANGED
@@ -1,9 +1,9 @@
1
- #dc_jqaccordion_widget-%ID%{font: bold 14px Arial, sans-serif; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
2
- #dc_jqaccordion_widget-%ID% ul, #dc_jqaccordion_widget-%ID% ul li {margin: 0; padding: 0; border: none;}
3
- #dc_jqaccordion_widget-%ID% ul a {padding: 10px 10px 10px 50px; background: #ececec; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 1px 1px 1px #fff;}
4
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent, #dc_jqaccordion_widget-%ID% ul a.dcjq-parent:hover {background: #ececec url(skins/images/bg_grey.png) repeat-x 0 -1px;}
5
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active {}
6
- #dc_jqaccordion_widget-%ID% ul a .dcjq-icon {position: absolute; top: 0; left: 12px; width: 34px; height: 34px; background: url(skins/images/arrow_grey_right.png) no-repeat 0 center;}
7
- #dc_jqaccordion_widget-%ID% ul a.dcjq-parent.active .dcjq-icon {background: url(skins/images/arrow_grey_down.png) no-repeat 0 center;}
8
- #dc_jqaccordion_widget-%ID% ul a:hover {background: #fff; color: #990000;}
9
- #dc_jqaccordion_widget-%ID% ul a:active{}
1
+ #dc_jqaccordion_widget-%ID%-item{font: bold 14px Arial, sans-serif; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
2
+ #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
3
+ #dc_jqaccordion_widget-%ID%-item ul a {padding: 10px 10px 10px 50px; background: #ececec; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 1px 1px 1px #fff;}
4
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #ececec url(skins/images/bg_grey.png) repeat-x 0 -1px;}
5
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {}
6
+ #dc_jqaccordion_widget-%ID%-item ul a .dcjq-icon {position: absolute; top: 0; left: 12px; width: 34px; height: 34px; background: url(skins/images/arrow_grey_right.png) no-repeat 0 center;}
7
+ #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active .dcjq-icon {background: url(skins/images/arrow_grey_down.png) no-repeat 0 center;}
8
+ #dc_jqaccordion_widget-%ID%-item ul a:hover {background: #fff; color: #990000;}
9
+ #dc_jqaccordion_widget-%ID%-item ul a:active{}
skins/images/bg_white.jpg ADDED
Binary file