Django汇总(可折叠)菜单

Question

我有一个带有三个框架的Web应用程序(横幅,菜单,内容)菜单框架需要有一个动态的汇总菜单示例:

+ Teachers
  - Create
  - Edit
  - Delete

+ Schools
  - Create
  - Edit
  - Delete
  - View Staff

+ Classrooms
  - Create
  - Edit
  - Delete

如果您点击+或"学校",它将隐藏/取消隐藏其下的项目.用户登录后,需要根据用户组和角色动态绘制菜单.某些用户可能只被授权查看

+ Classrooms
  -Edit 

有些用户会看到一切.

是否有任何人使用的内置或插件可以提供我需要的框架？

Answer 1

使用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>