Dropdown menu for ipad (iphone)

[camarados]

I'm using the menu extension (http://extensions.pivotx.net/entry/33/menu).

The dropdown menu doesnt work on iPad or iPhone, because i think, iphone and ipad dont know the ' hover' function.
I found a way to fix this:

Code: Select all

<script type="text/javascript">
$(function(){

   if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
    $(".menu li a").click(function(){
        //we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
        //strange
    });
}
   });
</script>



I tested it and it works on a iphone.
But, is this the right way (and code) to get this working?

[Harm10]

I have no idea whether this is the right way. If someone can verify this possibly the extension can be changed?

[hansfn]

Since you don't link to your site, it's very hard to say anything. How is this drop-down menu created? Is it a pure CSS based solution or are you using the expand/collapse functionality provided by menu.js?

[camarados]

its about http://www.pinedesign.nl/
Yes, i'm using the expand/collapse functionality provided by menu.js.

Didnt/don't know exactly how to use the code for replacing the overfunction.

[camarados]

just a moment, i'm gonna take a look how i fixed this!