Title: Make menu panel start expanded
Last modified: August 22, 2016

---

# Make menu panel start expanded

 *  Resolved [Jollaman](https://wordpress.org/support/users/jollaman/)
 * (@jollaman)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/)
 * Hi there,
 * I would like to make the first panel of my menu to start expanded, I tried to
   manually trigger the click event on the menu item with javascript commands like“
   jQuery(‘#mega-menu-item-129’).trigger(‘click’);” but nothing happens, any suggestion?
 * Thank you,
    I.
 * [https://wordpress.org/plugins/megamenu/](https://wordpress.org/plugins/megamenu/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [Jollaman](https://wordpress.org/support/users/jollaman/)
 * (@jollaman)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/#post-5860226)
 * … the web site I’m trying to do this is “[http://www.expo2015touristoffice.com/&#8221](http://www.expo2015touristoffice.com/&#8221);….
 *  Thread Starter [Jollaman](https://wordpress.org/support/users/jollaman/)
 * (@jollaman)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/#post-5860232)
 * … also, is there a way to add images to menu items (Instead of icons)?
 * Thanks,
    I.
 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/#post-5860365)
 * Hi Jollaman,
 * Maybe try jQuery(‘#mega-menu-item-129 > a’).trigger(‘click’);
 * Alternatively try jQuery(‘#mega-menu-item-129’).addClass(‘mega-toggle-on’);
 * There’s no way to add images sorry (its a big job to get them images cropped 
   and generate the unique css for each menu item), only dashicons.
 * Regards,
    Tom
 *  Thread Starter [Jollaman](https://wordpress.org/support/users/jollaman/)
 * (@jollaman)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/#post-5860388)
 * Thank you for your answer Tom, the second solution seems much better and works
   like a charm indeed! As regarding the images, I solved the problem with a couple
   CSS lines for each item, like this ….
 * _#mega-menu-item-149 a {
    padding-left: 45px !important; }
 * #mega-menu-item-149 {
    background: url(/wp-content/uploads/2015/03/Italy-Flag-
   icon-36×36.png) no-repeat 5% center !important; }
 * … just in case somebody has the same problem. Thank you again Tom for your help!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Make menu panel start expanded’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

## Tags

 * [expanded](https://wordpress.org/support/topic-tag/expanded/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)

 * 4 replies
 * 2 participants
 * Last reply from: [Jollaman](https://wordpress.org/support/users/jollaman/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/make-menu-panel-start-expanded/#post-5860388)
 * Status: resolved