Design Chemical

[dcwp-jquery-accordion menu="Test Menu"]

[dcwp-jquery-accordion menu="Test Menu" event="hover" save="true" disable="true" count="true" expand="true"]

850 Comments

• 
  stefan 2011 Dec 07 at 8:57 pm

  Hi Lee,
  first of all, thank you very much for your plugin, I´ve looked for similar a long time.
  My problem is internet explorer 8
  http://2011.stadler-makler.de
  while loading the page, the plugin seems to get deactivated, the whole menu structure appears, until page is fully loaded.
  no problems with mozilla and chrome. maybe a ‘document ready’ problem? do you have any idea to fix?

  thank you
  stefan
  • 
    Lee 2011 Dec 08 at 3:51 pm

    Hi,

    Its probably the menu loading before the jQuery has had chance to initialise. There are possible fixes using CSS and hiding sub-menus in previous comments you can try out
• 
  Beth 2011 Dec 07 at 4:50 am

  Thank you for this amazing plugin!

  I was wondering if there is a way to set the menu to always open to a certain tab on page load by default no matter what page you are on?

  Example: http://beta.statestreetdigital.com/accordian-menu/

  I would like the “Mortgages” tab to always be opened on page load even on other pages, then the user can collapse/expand as they wish.

  Thanks again!
  • 
    Lee 2011 Dec 08 at 3:43 pm

    Hi,

    You can use the “Class Disable” option to turn off part of the menu. This will ensure that the sub-menu items are always expanded
• 
  Ron 2011 Dec 07 at 3:43 am

  I created a menu with links and sublinks but my menu will not expand/collapse. I used the links from my Categories menu, rearranged them, then dragged some to the right to created sublinks. The items that should be sublinks appear as regular menu links. I’m running WP 3.2.1 on a Mac on a localhost (if that helps). I’m sure I’m missing something on my end so any help you could provide would be greatly appreciated. Thanks.
  • 
    Lee 2011 Dec 08 at 3:41 pm

    Hi,

    It sounds like a jquery error. check the following FAQs for more info and possible solutions:

    http://www.designchemical.com/blog/index.php/faq/i-get-the-error-message-error-jquery-dc-jqaccordion-widget-3-item-menu-dcaccordion-is-not-a-function/

    http://www.designchemical.com/blog/index.php/faq/the-menu-appears-on-the-page-but-does-not-work/

    http://www.designchemical.com/blog/index.php/faq/adding-jquery-to-your-theme-files-using-wp_enqueue_script/
• 
  A 2011 Dec 03 at 6:50 pm

  Hi Lee.

  Thank you very much for your plugin. Though I’m struggling with it real bad.

  I’m using the minimalist theme in WordPress and have a widgedized left sidebar. So far so good. I’m not using any other widgets on my side at the moment. When I use your plugin it appears in my left sidebar. The only thing I see there is my widget name. When I click it collapses and I get my menu structure. Without collapsing, everything (also level 2) is visible. It works but not dynamically. Also when I apply a skin it doesn;t show.

  I think something is wrong within my functions but can’t figure out what.

  Can you please help me.
  • 
    Lee 2011 Dec 03 at 9:08 pm

    Do you have a link to the page?
• 
  mar 2011 Nov 30 at 11:38 pm

  Hi there, this looks like a wonderful menu widget. Its perfect. Unfortunately I’m not able to get it to work right.
  Would you be willing to help me?
  My main menu up top is created by a plugin called Ubermenu, but I also want a menu in the sidebar of other links and I want it to behave like an accordian.

  When I insert the jquery accordian widget in my sidebar, instead of behaving like an accordian, Ubermenu wants to take over it and make it a drop down which causes text to overlap.
  Do you have any advance on how to differentiate between the two menus using a separate classes? If I disable turn off Ubermenu it works, but then I don’t have a menu up top!

  I’d like to make it so the Jquery Accordian widget is unaffected by styling that the Ubermenu causes.
  I think it has something to do with the fact that both menu plugins are trying to use the Custom Menus but I’m not sure and don’t know a way around that.
  The site is offline, but here’s a link to a screenshot to show what I mean.
  http://bit.ly/sjDfNP

  So lost here. Any help is majorly appreciated!! thank you!
  Mar
  • 
    Lee 2011 Dec 01 at 11:27 am

    Hi,

    unfortunately its difficult to see without looking at the actual menu. Try changing the css class of the menu in the widget control panel
• 
  John 2011 Nov 29 at 8:33 pm

  Hi Lee,

  I am using the menu on a site I’m just working on and its brilliant, it works extremely well. I have a small problem however, I’m using the atahualpa theme and have sticky footer enabled, teh problem is that when the menu expands beyond the page height the sticky footer doesn’t work as if the menu js over writes it? Could you give me a quick hand with it?

  site is http://www.sp-renewable-energy.co.uk
  • 
    Lee 2011 Nov 29 at 9:11 pm

    Hi,

    I checked the link and the menu appears to be working OK – unless this only occurs on certain browsers?

    Either way the menu js cant be overwriting the sticky footer js as the menu doesnt add any code, which can interfere with footer.

    The problem appears to be that the footer height is determined when the page first loads but does not change the height if anything on the page changes, such as the height of the content. The footer js needs to be modified to listen out for these kind of events.
    • 
      John 2011 Nov 29 at 9:29 pm

      on the home page the menu works fine with the footer being sticky, but when you click on biomass I’m using different menu items so the menu is longer and its on this page the footer no longer sticks.
• 
  Paul 2011 Nov 27 at 5:37 pm

  Hi,

  Awesome plugin and one of the only ones that seems to cover the functionality of a menu accordion in WP. Q. Is there a way to output the menu dynamically (get children of top level nav) instead of a defined menu?
  • 
    Lee 2011 Nov 27 at 5:58 pm

    Hi,

    The current version of the plugin doesnt actually generate the menu. This is handled by the WordPress menu system. All the plugin actually does is apply jquery to the list to create the accordion effect.

    You would therefore need either a function or a plugin to dynamically generate the menu. Once this is allocated to the plugin the accordion will automatically be applied to any new links
• 
  Gregory 2011 Nov 24 at 7:10 am

  Lee,

  I’ve tried adding 3 of your Menu Plugins to my Right sidebar on my website, with your Vertical Accordion Menu being the one I’d prefer. I know the Theme I’m using (LapofLuxury) “does not natively support menus” but it still allows menus created in Admin to be place in the right side bar with widgets (sch as yours?). The challenge is that like Lorenzo commented above, my Menu items ALL just stay expanded. But unlike Lorenzo above, I believe my Menu items have different levels.
  Now I’ve spend a lot of time reading your FAQs, comments, etc. and experimenting, but I just can get the plugin to expand and collapse menu items like I’ve seen your Demo do. Can you tell me what else I need to do to get my items to perform correctly?
  I’ve worked with WP for a few years but I really still need pretty detailed instructions to for any coding that has to be done. Like where exactly to place code snippets and often a SAMPLE from actual site, like your DEMO site, is extremely helpful
  Please advise
  Thanks
  Gregory
  • 
    Lee 2011 Nov 24 at 7:41 am

    Hi,

    the footer is missing the jquery code that activates the menu. This usually means that the wp_footer() function is missing from the theme files. check your theme’s footer.php file for the following code:

    <?php wp_footer(); ?>
    

    If it’s not there, add the above code to the footer.php file just before the closing body tag
    • 
      Gregory 2011 Nov 24 at 8:57 am

      Thanks Lee ! I that seemed to be what was needed. What an awesome plugin, suited perfect for what I need to accomplish. It should add a very professional touch to my site in the upcoming weeks as I play with it a little more. I’ll send you you a paypal donation as soon as I can. Keep designing great plugins.

      Regarding the arrows appearing, I see that you mentioned “You need to add the arrows as background images to the span tag that is added to the parent links. You can use the following CSS selector:” and using the line .dcjq-accordion .dcjq-icon {}.

      Again, I’m not sure what you mean by adding this code to parent Links. Can you be a little more specific as to what file and where I can add this code?
      Thanks
      Gregory
• 
  amit 2011 Nov 22 at 1:33 pm

  is there any limitation of number of links for this plugin, i unable to add links in the menu it takes only upto 35-40 links only.

  It is not allowing me to add further, but i i delete one then it allowed to add one.
  • 
    Lee 2011 Nov 23 at 6:34 am

    Hi,

    The plugin doesnt actually generate the menu. This is handled by the wordpress menu system. Any restrictions on the number of items must be due to an issue with the menu system
• 
  Kate 2011 Nov 20 at 12:41 am

  Hi,

  Firstly, thank for the great plugin. I’m have a slight problem with it though and I’d really appreciate some help. I’m using the plugin on a custom made theme and when the plugin is activated the transition between pages is jerky. What can I do for a smoother transition? This is the site http://carlosgollan.com/.

  Thanks a lot.

  Kate
  • 
    Lee 2011 Nov 21 at 11:37 am

    Hi,

    Not sure what you mean with the transition between pages?
• 
  nuala 2011 Nov 18 at 11:05 pm

  Hi Lee,
  first of all thank you for this plugin!
  I have installed it in my wordpress theme, but there’s a problem: when i click on a parent,second levels don’t push down the parent under them.
  Where I’m making the mistake?

  thanks,
  nuala
  • 
    Lee 2011 Nov 18 at 11:35 pm

    Hi,

    It sounds like a CSS problem. Check if the sub-menus are using something like position:absolute
    • 
      nuala 2011 Nov 18 at 11:46 pm

      !!! without position absolute… it work!! thanks a lot!!!!!
• 
  pindemon 2011 Nov 14 at 12:28 am

  Hi,

  I’m trying to setup jQuery Vertical Accordion Menu Widget but still no luck.

  I don’t blame your plugin as I understood that it depends from theme to theme and if jquery is called/recalled during page loading.

  As I’m have no jquery knowledge but will to understand, can you please assist me on trying to set it on this page (195.110.124.133)?

  Thanks in advance
  • 
    Lee 2011 Nov 14 at 2:16 am

    Hi,

    Im unable to open the link you gave. can you check and resend
• 
  Brian 2011 Nov 09 at 7:37 am

  Hi.. This looks great. I am wondering,is there a way to use this to organize categories for my sidebar? FOr example, I’d like to use the main category name using this code.

  The main category (46) is the main button, and the children are the sub-buttons.. Does your plugin allow this functionality, or does it only run off of menu items?

  Best, Brian
  • 
    Lee 2011 Nov 09 at 5:30 pm

    Hi,

    The plugin currently works using the WordPress menu system so you would first need to creae the required menu and then apply the accordion plugin
• Latest Plugins for WordPress in November | Blog Oh Blog 2011 Oct 29 at 2:56 am

  [...] Plugin Homepage [...]
• 
  ann 2011 Oct 24 at 9:37 pm

  Hi!
  This plugin works on my pages sidebar but not on my category sidebar. .
  Please see the links to the page where it works well:
  http://addictivedesertdesigns.com/shop/chevy-products/

  BUT then when you get to the category page…it doesnt function like its supposed to…It doesnt collapse at all.

  http://addictivedesertdesigns.com/shop/category/chevy/1500/

  What might be the problem?
  Thanks
  • 
    Lee 2011 Oct 25 at 12:35 am

    Hi,

    Your theme files are reloading the jquery library again, which deletes the plugin’s jquery files. See FAQ – http://www.designchemical.com/blog/index.php/faq/i-get-the-error-message-error-jquery-dc-jqaccordion-widget-3-item-menu-dcaccordion-is-not-a-function/
• 
  Mike 2011 Oct 23 at 8:51 pm

  Hi Lee,

  I am having an issue with the menu collapsing to show the parent catagories and not the sub-menu when I enter a single post, I have “Auto Expand Based on Current Page/Item” checked, it works fine for the archive and search results pages?

  This is the same on my custom theme, twenty-ten and a couple of others I have tried?

  Is this expected functionality or am I missing something – is there anyway the plugin can do this?

  Thanks!

  Mike
  • 
    Lee 2011 Oct 23 at 11:00 pm

    Are the single post menu items added as custom menu items? If so, WordPress doesn’t add the “current-menu-item” class which is required to know which sub-menus to expand when the page loads
    • 
      Mike 2011 Oct 23 at 11:53 pm

      Hi Lee,

      Thanks for the quick response, the menu just lists the categories, these are the steps to get to the single post as I currently have it setup:

      Parent category > Child category (on click display’s archive.php for that category) > Link to Single Post (when the single post is opened the menu does is no longer expanded to show the child category)

      Hope that makes sense, unfortunatley my project is not posted externally so I can not provide a link at the moment.

      Mike
• 
  Jason 2011 Oct 19 at 8:34 pm

  Hi I am trying to get the drop down to behave like the one I am using on my site right now. I want to use yours because it allows me to use my own custom menu I can setup in WP. Can you help me figure out what code to put in (I am assuming the skin file) to make it so that when someone click on the arrows it does not automatically open the category page? I want the arrow to expand/collapse the menu, not open pages. The buttons/text of the category should open links, not the arrows.
  • 
    Lee 2011 Oct 20 at 12:15 am

    Hi,

    That functionality isnt available in the plugin. You would need to customise the jQuery accordion plugin that it uses in order to set the icons only to expand the menus
    • 
      Jason 2011 Oct 20 at 5:17 am

      OK, can you email me with instructions (which file or files to edit) and what code to include to make this functionality work.
      • 
        Lee 2011 Oct 20 at 6:12 am

        Hi,

        This isnt really covered by the plugin. We can provide a customised version if you would like a quotation on the modification?
• WordPress Plugin Releases for 10/18 « Weblog Tools Collection 2011 Oct 18 at 8:01 pm

  [...] jQuery Vertical Accordion Menu creates vertical accordion menus from any WordPress custom menu. Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic. (No Ratings Yet)  Loading …   Tags: plugins, WordPress, WordPress Plugins [...]
• 
  Mike 2011 Oct 18 at 7:35 am

  Hi Lee,

  Firstly thanks for this great plugin – it does exactly what I need for an intranet site I am working on, though I have a question and one slight issue I was hoping you could help me on…

  1) I am interested in styling the individual parent links so that the background image for each can be different – is this possible to achive?

  2) Some of the persons using this page (internal knowledge base) will not have internet access on their computers (only intranet), I am finding that if I disconnect from the internet the menu no longer functions – I have been trying to find anything that could be linking externally in the plugin to no avail – do you have any idea what might cause this?

  Thanks again!

  Mike
  • 
    Lee 2011 Oct 18 at 7:47 am

    Hi,

    1. WordPress adds unique IDs to every menu link li tag. You can use these to individually style the menu items

    2. The plugin requires a couple of jquery plugins in order to operate. These are the only files that are required, although these should still be available locally in your wordpress plugin folder

    Only thing I can think of is if you are using an external version of jQuery instead of the copy that comes with WordPress core files
    • 
      Mike 2011 Oct 23 at 8:50 pm

      Thanks Lee, I found an external link in my index.php file – I have updated this and it works as expected “offline” now!
• 
  Darthe Hughes 2011 Oct 18 at 6:15 am

  I have been using this plugin for a while and it has worked very nicely. Not sure if this new problem is a plugin problem. One of my menu items is a “Custom Link” which has always worked just fine. This week it stopped working. If I copy the link into another window address bar it goes to the linked page just fine.

  But when clicking on the menu item it shows the url in the bottom of the browser window but it goes nowhere and no other tab is opened either. The link is the one to “Photo Albums” sub item of “The Parish” and should go to a Picasa album. I’m using version 2.5.1 of the plugin. I tried deleting the menu item and making a new custom link but still no fix. Do you have any idea what might be causing this? Thanks.
  • 
    Darthe Hughes 2011 Oct 18 at 7:17 am

    Relating to my previous post… I just discovered that If I hold the command key down(Mac) while clicking on the link it does open in another tab.
  • 
    Lee 2011 Oct 18 at 7:38 am

    Hi,

    There shouldnt be anything in the plugin that causes this problem and the recent update made no changes to the way the menu works, only added the ability to use shortcodes instead of widgets.

    I created a local version of the page by copying the source code – when clicking the link using the same plugin source files but on the local drive the link works OK. Have you made any changes or installed any plugins recently that may redirect the URL at all on your server. Unfortunately Im not sure why this would occur but I dont think it is plugin related.
    • 
      Darthe Hughes 2011 Oct 19 at 4:06 am

      Thank for your reply. I have recently installed Haiku Player which replaces all mp3 links to insert an inline audio player, but when I disable that it doesn’t fix the broken link. The only connection I can see to your plugin is that it also uses jQuery. On their support page it answered one persons problem by stating that there were now two versions of jQuery loading on their page.

      Can you tell me where I would look to find if my page is loading two versions of jQuery? Thank you.
• 
  Anders 2011 Oct 17 at 10:21 am

  I think I’ve figured out what’s wrong. After trying another similar plugin and compared it to a blogger-blog I notice that it’s most likely because it has to load around 1900 blog posts. The blogger archive system dosen’t load them all at once. Seems to be a hard fix i guess.
  • 
    Lee 2011 Oct 17 at 10:25 am

    Hi,

    The plugin itself cant cause this as there arent any large files involved. What it may be is the WordPress menu system. If you are using a particularly large and complicated menu then there are issues with how it is generated. All I can suggest is to use either a caching plugin, which should help, or creating a static menu, which doesnt require loading from the database each time it is rendered.
• 
  Anders 2011 Oct 17 at 10:16 am

  Hey.

  This plugin is just what I’ve been looking for! However i have one major problem. My entire sites loading time drops down around 10 seconds – even when loading the index page where the plugin isn’t visible. I’m sure it’s the plugin cause the it loads smoothly as soon as i deactivate it. Any idea how to fix this?

  -Anders
• 
  Sharon Johnson 2011 Oct 16 at 3:57 pm

  Can some please help on how to get this plugin working using the shortcode.

  How to use this [dcwp-jquery-accordion menu="Test Menu"] to get it working?

  Thanks in advance.
  • 
    Lee 2011 Oct 16 at 4:08 pm

    add the shortcode to either your post/page content text or to your template file. See FAQ Adding an accordion menu using shortcodes to your template files
• jQuery Vertical Accordion Menu Widget, menús verticales para WordPress | Lecciones - Ordenadores e Internet 2011 Oct 13 at 12:42 am

  [...] caja de búsqueda JQuery Accordion Menu Widget. Otra opción es descargarlo a tu ordenador desde la página de soporte o desde el repositorio de WordPress. Recuerda que, en este caso, tendrás a continuación que [...]
• 
  Robert 2011 Oct 03 at 3:07 am

  Finding the plugin really useful and easy to use – one query, which I’m embarrased to ask is about highlighting the current page. I’m using the clean skin and have noted your comments regarding using current-menu-item to highlight the current page.

  I’ve tried lots of variations but am having problems getting this to work. Are there any examples you can point me to? (not sure if relevant but I’m currently using the Pagelines free theme)
  • 
    Lee 2011 Oct 06 at 1:08 am

    Hi,

    Use the wordpress class that’s added to the li tag – current-menu-item. So to target the link you would use:

    .dcjq-accordion li.current-menu-item a {}
    
• 
  Jamie 2011 Sep 30 at 12:56 am

  HI,

  I have just sent an email to your info email address. I recently updated the plugin to the latest version but in doing so I lost the custom formatting which was attached to it (with the older version of the plugin). I am now left with the default look the plugin comes with.

  Can you tell me how I get my old formatting back? The plugin was installed by a deisgner who has gone awol so am not sure what I need to do
  • 
    Lee 2011 Sep 30 at 2:00 am

    Hi,

    See email response – you will need the style sheet file that the designer created for the menu. This should be uploaded to the theme folder, not the plugin folder.
• 
  Jakub 2011 Sep 29 at 2:08 am

  Hi,

  I have problem with loading jquery library. I tested this plugin on my local with default wp theme and works fine. But when i putt him in to my other wp theme where i have jquery slider so menu stop doing animation. It’s because of this piece of code:
  <script type="text/javascript" src="/js/jquery-1.4.3.min.js”>
  when i delete this code menu works fine but, when i delete this so my slider stop work. So what i must do.

  btw. sry for my english.
  • 
    Lee 2011 Sep 29 at 2:46 am

    Hi,

    You will need to get the slider plugin author to modify the code to use jquery correctly
    • 
      Jakub 2011 Sep 29 at 8:22 pm

      And do you know some good wp plugin slider which is free?
• 
  roberto 2011 Sep 23 at 6:49 pm

  hi im trying ot customize your plugin i need to add the class a:active when after expanded the menu im on the page i need to see the page link with a different color, but i cant do it anyway.
  do you know the reason?

  this is the code:
  #dc_jqaccordion_widget-%ID%-item ul a:hover { color: #9AC753;} // this is work//
  #dc_jqaccordion_widget-%ID%-item ul a:active { color: #9AC753;} // dont //
  • 
    Lee 2011 Sep 23 at 6:57 pm

    Hi,

    Change it to:

    #dc_jqaccordion_widget-%ID%-item ul a.active { color: #9AC753;}
    
    • 
      roberto 2011 Sep 23 at 7:13 pm

      now when i move the mouse over the links all the link take the color not the selected 1 in that page this is my all code:
      #dc_jqaccordion_widget-%ID%-item{}
      #dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none;}
      #dc_jqaccordion_widget-%ID%-item ul a { font-size: 15px;background: url(“skins/images/bg_grey.png”) repeat-x scroll 0 -1px #D7D4D4; padding: 10px 10px 10px 50px; 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;}
      #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #D7D4D4 url(skins/images/bg_grey.png) repeat-x 0 -1px;}
      #dc_jqaccordion_widget-%ID%-item ul a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(skins/images/arrow_grey_right.png) no-repeat 0 center;}
      #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active .dcjq-icon {background: url(skins/images/arrow_grey_down.png) no-repeat 0 center;}
      #dc_jqaccordion_widget-%ID%-item ul a:hover { color: #9AC753;}
      #dc_jqaccordion_widget-%ID%-item ul li a.active { color: #9AC753;}

      #dc_jqaccordion_widget-%ID%-item ul li ul a {
      background: url(skins/images/arrow_grey_right.png) no-repeat 0 center!important;
      margin-left: 20px;
      }

      #dc_jqaccordion_widget-%ID%-item ul li ul li a {
      background: none!important;

      }

      #dc_jqaccordion_widget-%ID%-item ul li {
      background: none!important;
      }
      • 
        roberto 2011 Sep 23 at 7:26 pm

        i want to activate the link in the page im visiting in that moment, but i cant do it no way…

        if you need my backstage i’ll send it

        thanks
        • 
          Lee 2011 Sep 23 at 7:34 pm

          If its just the current active page then you need to use the WordPress class – current-menu-item:

          #dc_jqaccordion_widget-%ID%-item ul li.current-menu-item a { color: #9AC753;}
          
        • 
          roberto 2011 Sep 23 at 7:38 pm

          man u right im an idiot!

          thanks i could lost all my wk to fix this
• 
  Davidino 2011 Sep 20 at 11:29 pm

  Hi Lee, referring to the new “disabled Class”… there is a way to enable only for this entry a direct link?
  When I disable a class actually turns off its accordion, I always like to have the curtain on but be able to link directly to a page just for one item?
  thank you
  • 
    Lee 2011 Sep 21 at 7:28 pm

    Hi,

    If you want to just disable the link you can just add “#” to the link URL
• 
  Bob 2011 Sep 17 at 4:21 pm

  Hi guys,

  I´m having problems with this plugin. It doesnt work properly , here is an image: http://a.pix.ge/d/qgikr.jpg

  How can I solve the problem?
  • 
    Lee 2011 Sep 17 at 5:45 pm

    Hi,

    The link doesnt work
    • 
      Bob 2011 Sep 17 at 5:49 pm

      Sorry, here is the picture> http://i55.tinypic.com/2q8y36b.jpg
      • 
        Lee 2011 Sep 17 at 5:57 pm

        Whats the problem with the menu?
        • 
          Bob 2011 Sep 17 at 6:13 pm

          I was testing it on localhost and when clicking there is no expand function, + it doesnt appear like on demo , for example I would like to see it like this one http://www.designchemical.com/media/images/vertical_accordion_plugin.jpg but there is a bullet and no drop down menu
        • 
          Lee 2011 Sep 17 at 6:20 pm

          To remove the bullets you can follow the info given in this FAQ – Removing the default margin & bullets from WordPress twenty ten theme

          With regards to the drop down menu not working it could either be due to interference from your theme’s style sheet or more likely caused by a javascript error preventing the menu from loading properly – check out the following FAQs:

          http://www.designchemical.com/blog/index.php/faq/i-get-the-error-message-error-jquery-dc-jqaccordion-widget-3-item-menu-dcaccordion-is-not-a-function/

          http://www.designchemical.com/blog/index.php/faq/the-menu-appears-on-the-page-but-does-not-work/
        • 
          Sajid 2011 Sep 19 at 2:08 pm

          Hi lee
          your plugin is great but i got the same problem. please help me to get it fix. im using wordpress 3.2.1

          Thanx…
        • 
          Lee 2011 Sep 19 at 2:23 pm

          What problem is that? If same problem try following the same reply used in the comment
        • 
          Sajid 2011 Sep 19 at 2:35 pm

          Hi lee
          your plugin is great but i got the same problem. it displays the complete list of parent and child pages instead of expanding child pages.
          please help me to get it fix. im using wordpress 3.2.1

          Thanx…

          Your comment is awaiting moderation.
        • 
          Lee 2011 Sep 19 at 2:39 pm

          See previous responses to same problem. Its a jquery problem. FAQ has further info on how to handle this
• 
  Patricia Barry 2011 Sep 14 at 1:05 am

  Hi Lee,
  Just installed your great plugin yesterday and I am finding it very easy to customize using css. I do have one question, though, that you can probably answer in two seconds. I am not familiar with jquery, so what would be the class name for an active sub-menu item? I have ticked off “Auto Expand Based on Current Page/Item” and applied stylizing to the parent.active class, but I want it to highlight the page that it is on as well. Here’s the page where I am testing the menu: http://74.220.207.185/~mianusor/what-we-do/research-and-education/graduate-level/meet-our-raps/

  Thank you for your help!
  Patricia
  • 
    Lee 2011 Sep 14 at 1:34 am

    Hi,

    To highlight the current page you can use the built-in wordpress CSS class, which is “current-menu-item”
• 
  Vajaah 2011 Sep 12 at 9:14 pm

  This plugin is phenomenal!

  Building a site with 72 categories (13 parent) and unfortunately the WP Menu lacks two major items that I need:

  1) The ability to add categories to the menu AND maintain their hierarchy (see bug ticket: http://core.trac.wordpress.org/ticket/18271).
  2) The ability to only show those categories that have posts.

  I would love to be able to use your plugin when calling wp_list_categories(); instead of using a WP menu. Is this possible?
  • 
    Lee 2011 Sep 13 at 12:45 pm

    You can edit the plugin files directly and replace the wp_nav_menu function – line 71 of dcwp_jquery_accordion_widget.php
    • 
      Vajaah 2011 Sep 13 at 8:10 pm

      Thanks for the QUICK response! I wanted to ask before I started editing the core files.
• 
  MACC 2011 Sep 09 at 10:45 pm

  Is there a way to make the menu gather the page list automatically to display instead of having to configure it manually?
  • 
    Lee 2011 Sep 09 at 10:49 pm

    Hi,

    The plugin doesnt actually generate the menu HTML, this is done via the WordPress menu system. All the plugin does is apply jQuery code to create the accordion effect. There are probably plugins out there that can handle the auto menu.
• 
  MACC 2011 Sep 09 at 10:18 pm

  Hello Lee,

  I’d like to use your menu not only to display the menu items but also custom fields with content that are attributed to pages displayed on the menu so that the contents integrate with the menu. Is it possible to do so?

  Can you give me some pointers on how to accomplish it?

  Thank you!
• 
  Rene 2011 Sep 02 at 3:30 am

  What can I alter in the code of this plugin for wordpress to allow it to use the “wp_nav_menu”? I have a bit of code I need to use that requires the menu to use that.. Thank you so much
  • 
    Lee 2011 Sep 02 at 4:14 am

    Hi,

    The plugin already does use the wp_nav_menu() function
• 
  christele 2011 Aug 31 at 1:34 am

  Good afternoon Lee,
  I am still having trouble with the delay caused by the accordion plugin, I tried to update all the “slideUp” and “slideToggle” to fast or 3000 but it did improve the speed of the accordion?
  THank you for your help,
  Christele
  • 
    Lee 2011 Aug 31 at 8:06 pm

    On which pages are you having a problem? I checked a few in firefox and the speed seems normal
• 
  christele 2011 Aug 30 at 2:02 am

  Good afternoon Lee,
  I am experiencing a long delay when the accordion is expanding. I reviewed the posts on your website referring to the hoverIntent settings but I am using the “click” option in order to expand the accordion.
  thank you
  christele
  • 
    John 2011 Aug 31 at 12:02 pm

    Hi there people! I’m having the same problem. I readed and tried change JS, etc. Not worked. Then, I restore the JS to original. The “Auto Expand Based on Current Page/Item” maybe is not working. I tried to combinate other options in the plugin widget panel, but no sucess.
    I tried to disable all other plugins, already checked loading of jQuery (and it is loaded only one time).
    Please………
    That’s a VERY great plugin.
    Thanks!! John – Brazil
    • 
      Lee 2011 Aug 31 at 2:27 pm

      Hi,

      What exactly is the problem you are having?
• 
  robert 2011 Aug 24 at 9:07 pm

  Im not able to get it to work on http://www.4x4offroadtour.com/ I get this error in firebug:

  jQuery(“ul.sf-menu”).superfish is not a function
  http://www.4x4offroadtour.com/
  Line 368

  jQuery(“#dc_jqaccordion_widget-3-item .menu”).dcAccordion is not a function
  http://www.4x4offroadtour.com/
  Line 368

  I checked if the jqueary code was in the footer area and it is!

  Any idea?
  • 
    Lee 2011 Aug 24 at 9:14 pm

    Hi,

    See FAQ – I get the error message … Error: jQuery(“#dc_jqaccordion_widget-3-item .menu”).dcAccordion is not a function

    The problem is caused by the custom contact form plugin. Unfortunately an error with this plugins code is overwriting the jQuery needed for other plugins. I have contacted the plugin author about the problem but so far it has not been updated
    • 
      robert 2011 Aug 24 at 9:38 pm

      damn – not good – as I had put couple of days setting up this custom contact plugin – uff
      • 
        Lee 2011 Aug 25 at 12:40 am

        Hi,

        Just contacted the plugin author again and it looks like it has now just been updated to correct the jQuery problem so it should work OK if you update the Custom Contact Form plugin
        • 
          robert 2011 Aug 25 at 3:18 am

          Sorry my mistake – it is working now:) thx a lot:)
• 
  melancholy 2011 Aug 21 at 3:45 am

  Hi Lee i have a small problem with the plugin.
  even if i have 3 layers, my menu doesn’t collapse/expand.
  you can see it from: http://www.melancholymen.com
  • 
    Lee 2011 Aug 21 at 10:44 pm

    Hi,

    Just checked the site and the menu is working OK in Firefox. What browser are you using?
• 
  Calie 2011 Aug 11 at 9:39 pm

  Hi,
  I was wondering if there was a way to turn off the first level of the navigation? I only want the second and third level showing.

  Thanks!!
  • 
    Lee 2011 Aug 11 at 10:13 pm

    Hi,

    You can use the “Class Disable” option – Input the CSS class of any parent menu items that you want to disable – e.g. add a custom CSS class of “menu-disable” in the Class Disable field, then in the WordPress menu editor page enter this class name in all top level menu items. This will disable the accordion effect for these links.

    I have added more detailed instructions in FAQ – How to disable the accordion effect for specific menu items
• 
  Straylight 2011 Aug 09 at 12:12 pm

  Hello,

  I am using the Vertical Accordion Menu widget on my wordpress site and I love it! I do seem to have run into a problem though. Is there some sort of limit on the number of menu items I can have? I have 3 levels. 4 top level, each top level has 5 second level, and each second level has 12 third level items. When I try to add pages that I have recently published to the menu, it simply comes back with a blank page and the changes are not saved. Any information you could provide would be greatly appreciated. Thank you.
  • 
    Lee 2011 Aug 09 at 1:14 pm

    Hi,

    The plugin doesnt actually generate the HTML for the menu – this is still handled by the built-in WordPress functions.

    I have come across issues before with WordPress menus being limited in size and it was caused by Suhosin being installed on the server – basically a system to protect servers from dodgy PHP code. Usually though you would get a warning telling you about the problem.

    Best option is to check with your hosting company if your server does have it installed
• 
  Elliot 2011 Aug 09 at 12:13 am

  Hey Lee,
  Glad i found your page! Ive tried a number of your menu widgets and cant seem to get them working properly as in your demo.. they act as just a normal drop down menu. Will you please take a look? Any feedback would be much appreciated! http://www.moderndiesellegion.com/
  • 
    Lee 2011 Aug 09 at 12:29 am

    Hi,

    You theme files are loading the jQuery library again in the footer. This is overwriting the jquery plugin files used by our menu plugins. You need to remove the code from the theme file – looks like it may be in footer.php
    • 
      Elliot 2011 Aug 09 at 12:33 am

      Thanks ill take a look!!
    • 
      Elliot 2011 Aug 09 at 12:37 am

      Not exactly sure what im looking for here. Which part is to be removed?
      <?php

      /**
      * Call footer elements.
      */
      function thesis_footer_area() {
      thesis_hook_before_footer();
      thesis_footer();
      thesis_hook_after_footer();
      }

      /**
      * Display primary footer content.
      */
      function thesis_footer() {
      echo "\t\n”;
      thesis_hook_footer();
      thesis_admin_link();
      wp_footer();
      echo “\t\n”;
      }

      /**
      * Display default Thesis attribution.
      */
      function thesis_attribution() {
      echo “\t\t” . sprintf(__(‘Get smart with the Thesis WordPress Theme from DIYthemes.’, ‘thesis’), ‘http://diythemes.com/thesis/‘) . “\n”;
      }
      • 
        Lee 2011 Aug 09 at 12:47 am

        Somewhere in your files/setup is the following code:

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script&gt;
        

        This is what needs to be removed
        • 
          Elliot 2011 Aug 09 at 12:59 am

          Im having trouble finding it. But i know once i do it will work properly. Thanks so much for your time!
        • 
          Elliot 2011 Aug 10 at 3:37 am

          Hey Lee,

          Will you shoot me an email? Im in need of some help and I’d like to ask your rates. Hope youre having a wonderful day. Thanks!

          Elliot
• 
  Wyn James 2011 Aug 07 at 12:44 pm

  Fantastic plugin – just what I was looking for.

  One minor issue: W3C validator comes up with 2 errors and 4 warnings in relation to the following:

  “…l-accordion-menu/skin.php?widget_id=3&skin=grey” type=”text/css” media=”screen…

  This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.”

  Any suggestions as to how I can get this to validate.
  • 
    Lee 2011 Aug 09 at 1:27 pm

    Hi,

    You can replace the ampersand in line 248 of dcwp_jquery_accordion_widget.php with “&”. I will correct it for the next update.
• 
  Andrew 2011 Aug 03 at 5:32 pm

  Hi, first I want to thank you on you awesome work. The menu is great. I hope you can help me if this.
  I’m having a problem under IE8. I set the accordion menu in which sits on the left of the content. It works fine under IE 9 and all the rest browsers. But under IE8 the menu spans across maximum width and pushes the content body under it. I have a Width assigned to and also to .dcjq-accordion.
  I can’t figure out what’s wrong. The website in question is http://www.maertools.com.
  Any help would be greatly appreciated.
  • 
    Lee 2011 Aug 05 at 9:31 am

    Hi,

    Try adding the following CSS to your style sheet:

    .dcjq-accordion { width:220px; float:left;}
    
    • 
      Andrew 2011 Aug 05 at 1:30 pm

      It reduced it to the size of the longest element. This is another thing, apparently it doesn’t apply some css elements unde IE8. For example font-family, font-size is not applied and if a menu element has a long name it doesn’t break on to the next line like it should because of width.
    • 
      Andrew 2011 Aug 05 at 1:48 pm

      ok I figured it out. It was because of the html5 tags.
      • 
        Lee 2011 Aug 05 at 2:00 pm

        Hi,

        Yes its not plugin related. IE8 has problems handling the “aside” tag and doesnt recognise the CSS for this tag
• 
  Boris 2011 Aug 03 at 2:05 pm

  Hi Lee happy when I found your plugin, however, I have a problem: the menus do not collapse correctly i think there is a problem with the wp_head(); and wp_footer();
  I have read your FAQ and all comments but did not make it to work
  need some advise from the creator how to make it work
  This is my site:
  http://addsheetmusic.com/
  could u pls take a look if you have some time
  hank u very much for your help,

  Boris
  • 
    Boris 2011 Aug 04 at 10:23 pm

    Hi Lee Sorry to bother you again
    i solved the problem of expansion menu ) works great
    now i have a new one;;;(
    When i am acceding this page
    http://addsheetmusic.com/sample-page/

    the menu auto expands could you tell me pls what is the problem thank u
    regards Boris
    • 
      Lee 2011 Aug 05 at 9:35 am

      Hi,

      The theme is incorrectly loading jQuery again therefore overwriting the plugin files – see FAQ http://www.designchemical.com/blog/index.php/faq/i-get-the-error-message-error-jquery-dc-jqaccordion-widget-3-item-menu-dcaccordion-is-not-a-function/

      Seems to be something related to AJAX js
    • 
      Boris 2011 Aug 07 at 4:54 pm

      ok i solved it thank u disabled ajax
      thanku onemore tine
      great plugin
      good luck with your site
      boris
• 
  Koen 2011 Aug 01 at 8:36 pm

  Hi, first of all thanks for the nice pluggin.
  We would like to use it, however we have one question:

  Is it posible that the menu is allways completely open when a page loads?
  Is it possible to overwrite the current behaviour so it doesn’t collapse?

  Thanks a lot for your answer!

  Best regards,

  Koen
  • 
    Lee 2011 Aug 02 at 5:41 am

    Hi,

    The jQuery plugin would need a slight modification to have it completely open on page load.

    To overide the collapsing feature you can use the “Class Disable” field to switch off all of the sub-menus.

    Wouldnt it be easier just to use a standard unordered list though and save on loading the jQuery plugin files?
  • 
    Boris 2011 Aug 07 at 4:48 pm

    hi Lee Thank u very for the reply and sorry to bother u again
    I must say that i am a newbe in this ….i am building my site just editing the css of my theme and installing the pluging i need the rest is since for me ))))
    if u have some free time could u tell me pls what exactly i had to do to make it work properly on my page http://addsheetmusic.com/add-sheet-music-site/
    Thank u very much
    Regards
    Boris
• 
  Christina 2011 Jul 30 at 9:43 pm

  Hi Lee!
  Thank you for the amazing plugin!!

  It works beautifully across all browsers, but I have a question..in Chrome (v 12.0.742.122) the entire page will flash to white (I think it’s reloading?), it will randomly do it in Firefox (5.0.1), but not enough that anyone would notice.

  Any thoughts on why it would do this in Chrome?

  Thanks!
  • 
    Christina 2011 Jul 30 at 9:48 pm

    After turning off and on the plugin to test, it doesn’t appear to be connected to your plugin. hmmm.

    Sorry to interrupt!
    • 
      Lee 2011 Jul 30 at 10:21 pm

      hi,

      I have come across this issue before (not plugin related) but could never find a reason as to why it occurs in some sites. Certainly the plugin code shouldnt cause this
      • 
        Christina 2011 Jul 30 at 10:39 pm

        My guess is that it has something to do with the WP Ecommerce plugin. The other time that I know that I’ve seen it happen was on another site built with it.
• 
  Lorenzo 2011 Jul 26 at 2:59 pm

  Hi Lee,
  I am very happy when I found your plugin, however, I have a problem: the menus do not collapse/expand.
  1. I have 3 levels in my menu
  2. The widget is working in general since I see the (expanded) accordion-menus
  3. There’s the wp_head(); and wp_footer();
  4. I tried all of the different settings for the widget
  5. I checked Firebug, and it didn’t give me any errors, if I read it correctly.
  6. I don’t have any other plugins/widgets installed.
  7. I read your FAQ and all comments on your website for hours (and tried a lot of things) nbut did not succeed

  Any idea? This is my test site:
  http://projekt.beniafe.com/test_wp/

  Thanks a lot for your help,
  Lorenzo
  • 
    Lee 2011 Jul 26 at 3:13 pm

    Hi,

    The menu doesnt have any sub-menus so there is nothing to expand. All of the links currently showing are 1st level menu items
    • 
      Lorenzo 2011 Jul 26 at 4:25 pm

      (you are answering very fast, great!)
      Oh, oh; of course i defined sub-menus in the wordpress pages menu; however, I did not know, that I again have to indent manually the menu items witin the wordpress menu page.

      So it works perfect. Thanks a lot.

      Question: Why do I not see any arrows in the accordion for the parent menus?

      Thanks
      Lorenzo
      • 
        Lee 2011 Jul 26 at 4:57 pm

        Hi,

        You need to add the arrows as background images to the span tag that is added to the parent links. You can use the following CSS selector:

        .dcjq-accordion .dcjq-icon {}
        • 
          Lorenzo 2011 Jul 26 at 5:05 pm

          OK. Got it. This is easy to manage.
          Thanks a lot for your help, I will donate via paypal.
          Lorenzo
        • 
          Lee 2011 Jul 26 at 5:17 pm

          Thank you. Appreciate it
• 
  Brad 2011 Jul 22 at 10:16 pm

  Hi,

  Awesome plugin!

  I was wondering if it is possible to make the submenu pop out when you hover over the whole .li rather than just the a?

  I have styled the menu so the links look like buttons, but only part of the ‘button’ works (the part where the a is).

  Thanks!
  Brad
  • 
    Lee 2011 Jul 22 at 10:23 pm

    Hi,

    Unfortunately the jQuery plugin is based around the a tag to trigger the effect so its not possible to do this with the current WordPress version. The jquery plugin can be edited directly to change this though
    • 
      Brad 2011 Jul 24 at 12:07 am

      Hey Lee,

      Would you mind emailing me? I’d like to see if I can pay you to change the jquery to do this as I don’t know much about jquery.

      Thanks,
      Brad
      • 
        Lee 2011 Jul 24 at 2:09 am

        Have sent email
• 
  Paul 2011 Jul 21 at 3:50 am

  I’m testing the menu on the following site http://www.tier-1products.com/laser-cut-metal-art/category

  I noticed that as soon as I click on any of the categories that all of the menus expand and stay expanded. How can I make the menu with items click inside it stay open, but have the rest of the menus closed?

  Thanks,
  Paul
  • 
    Lee 2011 Jul 21 at 4:02 am

    Hi,

    The problem is caused by your theme files reloading jQuery. Check out the FAQs which have more info on this problem – http://www.designchemical.com/blog/index.php/faq/i-get-the-error-message-error-jquery-dc-jqaccordion-widget-3-item-menu-dcaccordion-is-not-a-function/