zoukankan      html  css  js  c++  java
  • JQ点击列表显示隐藏

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="http://www.wusiwei.com/content/templates/weisayheibai/js/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('ul.archiver').find('.archiver_item:gt(1)').hide();
            $("li").click(function(){
                $(this).find(".archiver_item").slideToggle("slow");
            });
        });
    </script>
    <style>
    </style>
    </head>
    
    <body>
    <ul class="archiver">
    <li class="nav_title"><h4>期货订购1</h4>
        <ol class="archiver_item">
            <li class="nav_con"><a href="http://www.wusiwei.com">我的订单</a></li>
                <li class="nav_con">我的订单</li>
                <li class="nav_con">我的订单</li>
            </ol>
        </li>
        <li class="nav_title"><h4>期货订购会2</h4>
        <ol class="archiver_item">
            <li class="nav_con">我的订单</li>
                <li class="nav_con">我的订单</li>
                <li class="nav_con">我的订单</li>
            </ol>
        </li>
         <li class="nav_title"><h4>期货订购会3</h4>
        <ol class="archiver_item">
            <li class="nav_con">我的订单</li>
                <li class="nav_con">我的订单</li>
                <li class="nav_con">我的订单</li>
            </ol>
        </li>
    </ul>
    
    </body>
    </html>
  • 相关阅读:
    Spring学习(1):侵入式与非侵入式,轻量级与重量级
    集群结构、分布式结构、单机结构
    使用Idea工具创建Maven WebApp项目
    文件上传:CommonsMultipartResolver
    Memcached
    Window下部署MySql数据库
    HashCode详解
    JDK源码分析:Object.java
    二进制运算
    关于打印日志几个方法的列举
  • 原文地址:https://www.cnblogs.com/phpfensi/p/3936523.html
Copyright © 2011-2022 走看看