折叠式的菜单

关于折叠式的菜单，网上有挺多的源代码，但是我搜了一下，关于jQuery方面还有css方面上有些看不懂，所以干脆用其他我觉得较为简单的方式来创建折叠式的菜单，知识比较少，所以看不大懂。下面是我改动过的代码。

   
   

<script type="text/javascript" src="jquery-2.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.link').click(function(){
$(this).next().toggle('1000');
});

});
</script>




   
   


     
     

      
      
Diseno web
      
      
     
     


     
     
Photoshop
HTML
CSS
Maquetacion web


     
     

      
      
Desarrollo front-end
      
      
     
     


     
     
javascript
jQuery
Frameworks


     
     

      
      
Diseno responsive
      
      
     
     


     
     
Tables
Disosition
Media
otros


     
     

      
      
Diseno web
      
      
     
     


     
     
google
baidu
bing
yahoo

出来的效果图是这样的：

主要是运用了toggle()这个方法来实现点击菜单会有显示出子菜单的效果。