.MenuTitle {
                   width: 30px;                height: 120px;                font-size: 20px;                padding-left: 10px;                padding-top: 5px;                /*background: url(image/index_x.png) repeat-x 0px -673px;*/                background-color:#FFCCDD;                border: #ffbc66 1px solid;            }            .MenuContent {
                   width: 108px;                font-size: 16px;                padding: 20px 10px 20px 40px;                border: #ffbc66 1px solid;            }

     
    
      
               第一菜单    
      
    
      
        
       子菜单        
       
        
       子菜单        
       
        
       子菜单        
       
        
       子菜单        
       
        
       子菜单    
      
    
      
     

 

 

 

 

jQuery

$(document).ready(function() {    $(".MenuPanel").each(function() {        $(this).children(".MenuContent").hide();    });    $(".MenuTitle").each(function() {        $(this).click(function() {            if ($(this).parents(".MenuPanel").children(".MenuContent").css("display") != "none") {                $(this).parents(".MenuPanel").children(".MenuContent").hide("fast");            } else {                $(".MenuPanel").each(function() {                    $(this).children(".MenuContent").hide();                });                $(this).parents(".MenuPanel").children(".MenuContent").show("fast");            }        });    });});