Question

I want to make a dropdown menu for my website with jquery… a couple of problems occur:

1. The wildcard doesnt seem to work
2. It won’t select it’s children with ul.

HTML:

<li class="px6RANDOM">
    <a href="LINK">
        <span>Disclosure</span>
    </a>
    <ul class="subMenu">
          <li>1</li>
          <li>2</li>
          <li>3</li>
    </ul>
</li>

JQuery:

$(function(){
    $("li.px\\S*").children("ul").hide();

    function show() 
    {
        $(this).children("ul").show();
    }
    function hide() 
    {
            $(this).children("ul").hide();
    }

    $("li.px\\S*").hoverIntent({
        sensitivity: 1, 
        interval: 50,   
        over: show,     
        timeout: 1000,  
        out: hide
    });

});

What am I doing wrong? The selector seems to be in order and the children function as well!

I’m a jquery/javascript newbie but want to learn. Please help!

---

Answer 1

Try this:

$("li[class^='px']")

As for show and hide: even when the selectors will work, this isn’t defined as you expect. Try adding it as an argument for the functions, or remove the functions and inline the code.