include jQuery-ui to control custom menu in widget
 

Hello, I started using Atahualpa frm a month,
I find it an incredible theme for all its customization options,
and now I am running into a problem when trying to point to jquery-ui, which I have included in the HTML Inserts: Header
when I try to use the .menu method that comes with jquery-ui, I get a message from console (using firefox) that says function .menu not defined.

I am trying to get a vertical custom menu placed in a widget in the left sidebar like the default one showed in the jquery-ui api demo page (http://jqueryui.com/menu/)

Otherwise I also tried to .animate the submenus to horizontal slidin' them rightside when hovering onto the main menu list-items, but I am having problems with css selectors related to this menu (inserted into widget area)
I tried to reset options on div.widget div.widget ul, etc...and then apply css using the ID's of menu and list-items, but with poor success.
I would be very thankful if someone could help me to fix this, maybe someone already had this kind of issue.

Thanks in advance, and sorry if I am asking something that is already in some thread (I tried to look before, but couldn't find something about this)

Wish you all a good day,

Marcello

what version of Atahualkpa nd WP?
what is the URL?
how are you putting the menu in the sidebar? ie what widget are you using?

Hi JuggleDad,
thankyou for your fast reply, sorry I am not so fast...

I am developing (at the moment only offline with XAMPP) a new site and I'using atahualpa 3.7.10 with WP 3.5, just downloaded few days ago.

I created different custom menus to make main and sub-navigation links. I use one of these menus in the left sidebar, added via the widget admin of WP, and set a few options via Atahualpa style WIDGET. With Firebug I assure that the ul generated inside the widget has the ID #menu-generale. Then what I try to do is:
1- include jquery-ui and jquery easing in the "HTML Inserts: Header" (after copying them to a folder created in themes directory of wp), with this:

Code:

---

<script src="http//:localhost/newsite/wp-content/themes/js/jquery.1.8.3.min.js"></script>
<script src="http//:localhost/newsite/wp-content/themes/js/jquery-ui-1.9.2.custom.min.js"></script>
<link  href="http//:localhost/newsite/wp-content/themes/js/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"/>
<script src="http//:localhost/newsite/wp-content/themes/js/jquery.easing.1.3.js"></script>

---

2- reset some css options (and here I think I miss myself...) to #menu-generale li, #menu-generale ul.sub-menu, and so on, with the "CSS inserts" and add a width for the .ui-menu class
3- call jquery-ui .menu widget with some javascript

Code:

---

<script>
jQuery(document).ready(function($){
  $( "#menu-generale" ).menu();
});
</script>

---

probably I miss the correct way to include the jquery libraries and/or the ui css...
I also tried to move the js code to an external file and call it, with no success...

I would be really happy to solve this thing, thank you in advance for your patience and kindness.