Как сделать, чтобы следующее выпадающее меню CSS принимало только щелчок к раскрывающемуся меню? Например, теперь, когда мышь завислаПожалуйста выберите", Второй слой появляется. Я хочу изменить, когда нажмитеПожалуйста выберите"появляется второй слой. Также событие нажатия должно относиться к меню второго слоя.

ЭтоFiddleI»

Я использую JQuery, но нене знаю, как это сделать.

HTML-коды

 
        <a href="#">Please select</a>
            
                 
                     <a href="#">Artificial Turf</a>
                     
                        <a href="#">Indoor</a>
                        <a href="#">Outdoor</a>
                                        
                
                 
                    <a href="#">Batting Cages</a>
                    
                        <a href="#">Indoor</a>
                        <a href="#">Outdoor</a>