css。點擊li，顯示嵌套的ul和li。發佈鼠標按鈕，必須繼續顯示嵌套的ul和li

如果我點擊導航a hrefli想要顯示最接近的更深層次的子類別（ul和li）。想用CSS做所有事情（不想使用jQuery）。css。點擊li，顯示嵌套的ul和li。發佈鼠標按鈕，必須繼續顯示嵌套的ul和li

使用例如從這裏http://bonrouge.com/br.php?page=cssonclickswitch

在這個例子中，如果點擊鏈接，顯示一定的圖像。

修改的例子（住在這裏例如http://jsfiddle.net/w83ob3Lh/5/）

<ul id="cssonclickswitch" class=""> 

<li><a href="#n">Wine 
<span><img alt="wine" height="50" width="50"></span></a> 
    <ul class=""> 
    <li><a href="#">Option One 1-1</a> </li> 
    <li><a href="#">Option One 1-2</a> </li> 
    </ul> 
</li> 

</ul>

和CSS這個

#cssonclickswitch a span, #cssonclickswitch ul li {display: none;} 

#cssonclickswitch a:active span, 
#cssonclickswitch a:focus span, 
#cssonclickswitch :active ul li, 
#cssonclickswitch :focus ul li 
{ 
display: block; 
/*position: absolute;*/ 
position: relative; 
top: 0; 
left: 0px; 
width: 50px; 
color:red; 
background:#fff; 
}

所以在頁面加載#cssonclickswitch ul li {display: none;}這是確定的。

如果點擊鏈接並按住鼠標按鈕按下看到「子類別」