I have a horizontal drop-down menu on my website. It's currently only two levels deep:

```
<ul><li>Option 1
    <ul><li>Option 1.1
        <ul>
            <li>Option 1.1.1</li>
            <li>Option 1.1.2</li>
        </ul>
    </li></ul>
</li></ul>

```

The Option 1 layer is always visible. 1.1 is visible upon hover over Option 1 and Option 1.1.1 and 1.1.2 are visible upon hover over Option 1.1

The client has said that they love the drop down menu. However, to get from Option 1.1.1 to Option 1.1.2 involves you navigating the multi-levelled menu again and that's a mechanism they don't like.

I had the idea of detecting what Option page the user is on and then amending the classes so that they are constantly visible. For example: If I was on Option 1.1.1 page the full menu would still be visible allowing easy access to Option 1.1.2

Would it be feasible through JQuery and Javascript to return the Option from the URL and then searching through the multi-levelled menu to add classes to the menu allowing it to behave in a certain way.

I'm not sure where to begin with this.

My URLs are structured as below:

```
[root]/category.php?alias=option111
[root]/category.php?alias=option112

```

I'm not sure how I would search through the menu though. Could you provide some help please?