开发者社区> 问答> 正文

jquery如何控制两个div中二级分类显示

<div class="n_nav clearfix">这个里面是一级分类
<p class="navigation_column">型号</p><ul class="ul2">这个里面放的是二级的分类

想问的就是如何能够控制二级分类的显示问题

展开
收起
吴孟桥 2016-06-01 02:22:21 1776 0
1 条回答
写回答
取消 提交回答
  • 纯css就能制作菜单,不需要js。兼容ie6-才需要

    DEMO

    
    <!doctype html>
    <title>简单纯css菜单</title>
    <style>
        ul,li{list-style:none;margin:0px;padding:0px}
        ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意调整这个样式及 ul.menu li ul这个样式的top以便兼容ie7,要不ie7会覆盖父菜单。top介于0~line-height之间的值,自己注意修改不遮盖住就行*/
        ul.menu li ul{margin-left:0px;float:none;position:absolute;left:0px;background:#eee;width:100px;top:19px}
        ul.menu li ul li{margin-left:0px;float:none;}
        ul.menu li:hover ul{display:block;}
        ul.menu li ul{display:none}
    </style>
    <ul class="menu">
        <li>
            <a href="#">Item1</a>
            <ul><li>Item1-1</li><li>Item1-2</li></ul>
        </li>
        <li>
            <a href="#">Item2</a>
            <ul><li>Item2-1</li><li>Item2-2</li></ul>
        </li>
        <li>
            <a href="#">Item3</a>
            <ul><li>Item3-1</li><li>Item3-2</li></ul>
        </li>
    </ul>
    2019-07-17 19:22:35
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载