jquery showとhiddenによるカスケードメニューサンプルコードの実装

 
  
pageEncoding="UTF-8"%> 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>$(document).ready(function(){ 
  <br>var allMenu=$("ul > a");//        
  <br>allMenu.click(function(){ 
  <br>var list=$(this).nextAll('li');//       a     li     
  <br>list.toggle('show'); 
  <br>}); 
  <br>}); 
  <br> 
  
 
  
 
  
メニュー1 
  
サブメニュー1
 
  
サブメニュー2
 
  
 
  
メニュー2 
  
サブメニュー1
 
  
サブメニュー2