Выпадающее меню
 

Подскажите пожалуйста, как можно реализовать, что бы при наведение на пункт меню открывались подпункты и не закрывались до тех пор пока мышка не будет наведена на другой пункт меню (тоже есть подпункты)

<ul>
    <li>1
        <ul>
        <li>1.1</li>
        <li>1.2</li>
        </ul>
    </li>
    <li>2
        <ul>
        <li>2.1</li>
        <li>2.2</li>
    </ul>
    </li>
</ul>