jQuery accordion menu

Add the menu_class argument with value of cd-accordion-menu to your code, so that it looks like this:

<div class="menu-container">
    <nav id="site-navigation" class="main-navigation" role="navigation">
        <?php wp_nav_menu(array(
        'theme_location' => 'primary',
        'sort_column' => 'menu_order',
        'menu' => 'Categories',
        'container_class' => 'main-menu',
        'menu_id' => 'primary-menu',
        'menu_class' => 'cd-accordion-menu'
        ) ); ?>
    </nav><!-- #site-navigation -->
</div><!-- #menu-container -->

You can see more options to change here: https://developer.wordpress.org/reference/functions/wp_nav_menu/

About learning jQuery, it’s really very easy. Just go to http://api.jquery.com/ and read as many pages from left menu as possible. It will definitely help.

For using jQuery with WordPress, preferrably enqueue it to prevent conflicts due to duplicate addition in source code. (read more here: https://developer.wordpress.org/reference/functions/wp_enqueue_script/ )

Related Posts:

  1. Is it possible to get a theme customizer setting from wp.customize using jquery?
  2. How can I loop into two different DIVS without repeating the DIVs
  3. WordPress loop specific thumbnail size
  4. Is it possible to use the featured image of a page as a css background without inlining?
  5. Why is this Ajax not working?
  6. Displaying theme options in css
  7. Show post in slider
  8. How to show a dynamic_sidebar if main content content’s height is > a set amount?
  9. Slider loading issue
  10. Create another “Display Site Title and Tagline” checkbox, “Header Text Color” setting and control
  11. Theme Options Page – User Updates Logo
  12. How to use my style.css file outside of wordpress subdomain?
  13. How to design a table based on css values set from admin/dashboard
  14. populate form fields in a loop with ajax
  15. Gravity form built in Captcha
  16. Menu jumping when calling it via PHP
  17. WordPress Multiple Navigation bars
  18. How to disable controls in theme customizer?
  19. Automatically set all tags to have a height of 0 if there is no content inside the tag [closed]
  20. Royalty-Free Sliders used in theme development
  21. Theme not calling Jquery properly
  22. How to add drag and drop functionalities to a div inside option panel
  23. How to modify mobile nav menu text in theme
  24. Removed jQuery script from header.php , any problems?
  25. Displaying images outside the content
  26. Add other class content with reference class value
  27. Problem with displaying CSS Stylesheets – Am I adding them correctly in my wordpress child theme?
  28. How to change PHP variables with AJAX request in WordPress
  29. How to print all the inline styles in the WP_Styles instance together with their keys?
  30. register dependency css and js inside a plugin class
  31. Fix hover images blink
  32. Styling a specific post after hovering over it
  33. Custom theme admin-ajax.php 400 (Bad Request)
  34. CSS loading as empty file in Custom Theme
  35. How to add Open/Close Toggle button into Twenty Fifteen theme for hiding left sidebar?
  36. Click to expand menu
  37. Relative post date in recent posts list
  38. Extend the WP_Customize_Image_Control class to change its non-frame $button_labels
  39. A Customizer checkbox control that sets the setting to “” or to “blank” and show() or hide() a color control
  40. Combining fancybox with multiple thumbnail plugin
  41. Sidebar doesnt get updated?
  42. Add CSS class to PHP Statement
  43. Load slideshow.css file only if Slideshow is checked / on
  44. Predefine Magazine Style Layouts
  45. PHP unit testing WordPress?
  46. List of all theme customizer control types?
  47. The best way to customize “nav-menu-template.php” to add if the ‘link_before’ is “checkbox”
  48. “wp_enqueue_style();” don’t load new edited style
  49. Multiple do_shortcode($content) within one shortcode
  50. How do I access the media settings
  51. Can’t load WP function into external function
  52. How to test nonce with AJAX – Plugin development
  53. How can i upload images in an admin page?
  54. Wp-login appears White Screen, Error: Cannot modify header information
  55. Need Help Fixing My Iframes [closed]
  56. Limit Widgets to Sidebar ID’s
  57. How can I get the values of my WordPress $wpdb query in Jquery?
  58. Css loads very slow [closed]
  59. How create a Shortcode with hover and complex options
  60. Add / Update Custom Fields After Select Pictures in Media Window
  61. can i fetch a custom metabox data in another page or post type?
  62. ‘Post-thumbnails’ feature does not seem to register
  63. Where can I find the inline-css of my theme header?
  64. How to Update an old theme for the latest wordpress version
  65. Adding Updated Post Date PHP Custom Theme
  66. Website completely messes up when logging out
  67. Applying CSS on PHP variable [closed]
  68. Add a counter for mouseovers (custom field)
  69. Why the dynamic_sidebar() call is putted into an ul tag?
  70. Accessing an API with jQuery and AJAX
  71. Toolbar Hidden in a Virtual Page
  72. Admin Menu new tab external link
  73. Remove Custom Post Category In WordPress Slug Using .Htaccess
  74. Timber right sidebar in WordPress theme
  75. How to Remove Theme Style CSS inside Custom Plugin?
  76. Header is not displaying on certain pages of wordpress theme [closed]
  77. Ajax result show in console if is called outside function and not showing in array
  78. How do I integrate vanilla Javascript to a wordpress website?
  79. Looping through dummy posts and showing them in the main index.php
  80. WordPress Slider is not working
  81. update_post_meta Not Processing Array Data (Not Sure What I Am Missing)
  82. Add Shortcode to ::before class
  83. Warning: count(): syntax problem of the count () function
  84. Using Custom Javascript and pHp to send email to myself when a user clicks on an input button but only works on Chrome, IE, and Micorosft Edge
  85. ajax form with multiple submit buttons and values
  86. WordPress get_post_meta issue
  87. wp add inline style in loop
  88. Display pages from specific page template
  89. Adding javascript files to WordPress and jQuery version
  90. How do I use CSS or PHP to customize WordPress Form Manager Plugin Table?
  91. How to NOT override inline css rules
  92. ajax form function error
  93. ACF | WooCommerce | Theme Development | How to include a /template-part/ that makes use of ACF’s on a custom WooCommerce homepage?
  94. ACF repeater image in video poster with jquery
  95. Twig+WordPress how to use array arguments inside a function?
  96. It’s not showing full content for posts pages in wordpress “[…]” while customing some changes in the style.css file [closed]
  97. Add a “Next Post” & “Previous Post” styled button manually to a post
  98. How to store the_post_thumbnail() value in a variable
  99. Variable ++ in query loop
  100. WooCommerce Checkout Cart [closed]