zoukankan      html  css  js  c++  java
  • jQuery each使用

                .MenuTitle {
                    width: 30px;
                    height: 120px;
                    font-size: 20px;
                    padding-left: 10px;
                    padding-top: 5px;
                    /*background: url(image/index_x.png) repeat-x 0px -673px;*/
                    background-color:#FFCCDD;
                    border: #ffbc66 1px solid;
                }
                .MenuContent {
                    width: 108px;
                    font-size: 16px;
                    padding: 20px 10px 20px 40px;
                    border: #ffbc66 1px solid;
                }
    <div class="MenuPanel">
        <div class="MenuTitle" style="float:left;">
            第一菜单
        </div>
        <div class="MenuContent" style="float:right;">
            <a href="http://www.360buy.com?sid=bdstjk&t=2" target="_blank">子菜单</a>
            <br />
            <a href="http://www.360buy.com?sid=bdstjk&t=2" target="_blank">子菜单</a>
            <br />
            <a href="http://www.360buy.com?sid=bdstjk&t=2" target="_blank">子菜单</a>
            <br />
            <a href="http://www.360buy.com?sid=bdstjk&t=2" target="_blank">子菜单</a>
            <br />
            <a href="http://www.360buy.com?sid=bdstjk&t=2" target="_blank">子菜单</a>
        </div>
        <div style="clear:both;"></div>
    </div>

    jQuery

    $(document).ready(function() {
        $(".MenuPanel").each(function() {
            $(this).children(".MenuContent").hide();
        });
    
        $(".MenuTitle").each(function() {
            $(this).click(function() {
    
                if ($(this).parents(".MenuPanel").children(".MenuContent").css("display") != "none") {
                    $(this).parents(".MenuPanel").children(".MenuContent").hide("fast");
                } else {
                    $(".MenuPanel").each(function() {
                        $(this).children(".MenuContent").hide();
                    });
                    $(this).parents(".MenuPanel").children(".MenuContent").show("fast");
                }
            });
    
        });
    
    });
     
  • 相关阅读:
    防止SSH自动断线
    php intval()和floatval()
    开启 intel vt-d
    前用户sudo免密码
    分区工具parted的详解及常用分区使用方法
    Proxmox qm命令应用实例
    Mac上制作Centos7系统U盘安装盘
    FinalShell Mac OS版,Linux版安装及教程
    python爬虫彩票案例,并自动发微信
    Python利用itchat库向好友或者公众号发消息
  • 原文地址:https://www.cnblogs.com/cart55free99/p/3107024.html
Copyright © 2011-2022 走看看