[Pao-lo]

Hi. I’m struggling against an expandable menu that I customized in the home-page of my project. I created this function that hides and shows menu at a listItem click:

function expand(itemToExpand, itemToClick)  {
  
  $(itemToExpand).hide();
    // mostro i sottomenu del blocco principale 1
   $(itemToClick).click(
      function() {
        if ($(itemToExpand).is(":hidden")) 
          $(itemToExpand).slideDown(); 
        else $(itemToExpand).slideUp();
      });
}

In phoneui.prePageTransition of my home-page there’s the function call, with two parameters (a “#panel” and a “listItem”). This works when I go to a second page where are the listItem e the contents to hide/show, but when a I come back to the home-page and return to the second one, the menu quickly shows and hides its contents at the listItem click, without stopping.
How can I solve it?

[Pao-lo]

Little update:
The menu works (going between the two pages) replacing jquery methods with similar javascript function:

document.getElementById(panelId).style.display = 'none';
  document.getElementById(listItemId).onclick = function() { 
    if(document.getElementById(panelId).style.display == 'none')
      document.getElementById(panelId).style.display = 'block';
    else
      document.getElementById(panelId).style.display = 'none';
    }

but obviously the animation is lost.

[Author]

Posts