2011-09-06 93 views
3

我有三个帧(横幅,菜单,内容)的Web应用程序 菜单帧需要有一个动态滚动式菜单 示例:Django的卷起(可折叠)菜单

+ Teachers 
    - Create 
    - Edit 
    - Delete 

+ Schools 
    - Create 
    - Edit 
    - Delete 
    - View Staff 

+ Classrooms 
    - Create 
    - Edit 
    - Delete 

如果你点击+或“学校”它会隐藏/取消隐藏它下面的项目。 菜单需要在用户登录后根据用户组和角色动态绘制。 有些用户可能只被授权查看

+ Classrooms 
    -Edit 

,有些用户将看到的一切。

是否有任何内容或任何人使用过的插件会提供我需要的框架?

+1

滚动菜单(这是由JS做了不Django的)或用于管理和渲染菜单? –

回答

6

简单实现使用jQuery:

<div id="menu"> 
    <a>Teachers</a><br /> 
    <div style="display: none"> 
     <a href="">Edit</a><br /> 
     <a href="">Delete</a><br /> 
    </div> 
    <a>Schools</a><br /> 
    <div style="display: none"> 
     <a href="">Edit</a><br /> 
     <a href="">Delete</a><br /> 
    </div> 
</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('#menu > a').click(function(){ 
    $(this).next().next().slideToggle(); 
    return false; 
}); 
</script> 
+2

'$(this).next()。next()' - 不要忘了'
':) –

+0

Thanks @Adam Jurczyk :) – Ski