简单的JQuery菜单例子

最新推荐文章于 2024-07-16 16:43:05 发布

andy_tocm

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量952

点赞数

分类专栏： AJAX 文章标签： jquery菜单 javascript stylesheet function jquery jsp

本文链接：https://blog.csdn.net/to_cm/article/details/3972454

版权

AJAX 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JSP文件:

-------------------------------------------------

JS文件:

$(document).ready(function() {
   //首先获得ul的a节点
   var as = $("ul > a");
   //给a节点加上onclick事件
   as.click(function() {
        //获得当前被点击的a节点
        var aNode = $(this) ;
        //获得a节点的兄弟节点
        var lis = aNode.nextAll("li");
        //设置li的显示或隐藏、
        lis.toggle("show");
   });
});

-------------------------------------------

CSS文件:

li {
    list-style-type: square ;
    margin-left :20px;
    display:none;
}

andy_tocm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的JQuery菜单例子

JSP文件: //注意引入JQUERY包必须位于前菜单测试我的菜单1 我的子菜单1 我的子菜单2 我的菜单2 我的子菜单1 我的子菜单2 ------------------------------------------
复制链接

扫一扫