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>

时间： 2024-10-21 02:26:32

JQ点击列表显示隐藏的相关文章

昨天所写的JQ 点击隐藏事件，关键性原理

JQ 点击隐藏事件,关键性原理 1.JQ 库的调用一般选择为: 1)库越小越好 2)库的功能越强大越好 <script src="js/jquery.js" type="text/javascript"></script> 2.节点的选取 3.利用JQ 操作选取的节点的 ID 进行事件的运行

还是这个梗,收好冷.今天是一个css3模拟jq点击事件,因为我发现,css3中没有类似于,js的点击事件,那么,可不可以仿照 jq的效果,类似的做一个呢?主要用到,input里面的radio 单选按钮,然后后面跟一个a标签,让radio覆盖在a上,那为什么不直接把 a放在radio上面呢?因为选择器 + 好选择嘛,用radio的功能,a来修饰按钮样式,再把radio 隐藏,这里要用opacity(透明度) 这就是,主要原理! 上视图吧 <!DOCTYPE html> <html>

常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)

来自:http://www.xueit.com/js/show-6015-1.aspx 本文列出jquery一些应用小技巧,比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器.预加载图片.页面样式切换.所有列等高.动态控制页面字体大小.获得鼠标指针的X值Y值.验证元素是否为空.替换元素.延迟加载.验证元素是否存在于Jquery集合中.使DIV可点击.克隆对象.使元素居中.计算元素个数.使用Google主机上的Jquery类库.禁用Jquery效果.解决Jquery类库与其他J

点击空白处隐藏盒子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击空白处隐藏盒子</title> <style> #mask{ width: 100%; height:2000px; font-weight:bold;">#000; opacity: 0.4; filter:alpha(opac

HTML5--》点击显示隐藏内容

<details>浏览器支持比较差,可以用JavaScript实现这种功能. 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>js点击显示隐藏内容</title> 6 <style type="text/css" > 7 body{font-size:12px;} 8 span{f

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){ $('.autoBtn').find('.assess').unbind().bind('click',function(event){ //取消事件冒泡 event.stopPropagation(); if($('.abtnBox').is

[爱上Swift] day10:IOS 点击空白处隐藏键盘的几种方法

IOS7 点击空白处隐藏键盘的几种方法 IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以实现点击键盘以外的空白区域来将键盘隐藏,以下我总结出了几种隐藏键盘的方法: 首先说明两种可以让键盘隐藏的Method: 1.[view endEditing:YES] 这个方法可以让整个view取消第一响应者,从而让所有控件的键盘隐藏. 2.[textFiled resignFirstRespon

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> <title></title> <styl

jquery 点击显示隐藏的三种方法

jquery点击显示隐藏的三种方法,从复杂到简单.使用jquery需要引用jquery库,如右所示<script src="jquery-1.11.3.min.js"type="text/javascript"></script>. 旁边按钮随着收缩展开发生状态变化,展开+变—,收缩—变+. 收缩效果: 展开效果: 一.HTML结构(盗用网上的) <body> <li class=&