show---hide 应用

最新推荐文章于 2021-01-04 14:04:06 发布
最新推荐文章于 2021-01-04 14:04:06 发布
阅读量515 收藏
点赞数
分类专栏： JQuery 文章标签： stylesheet function html list url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhvsby/article/details/5922440
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Collapsible List &mdash; Take 1</title>
    <link rel="stylesheet" type="text/css" href="../common.css">
    <script type="text/javascript"
            src="../scripts/jquery-1.2.1.js"></script>
    <script type="text/javascript">
      $(function(){
        $('li:has(ul)')
          .click(function(event){
            if (this == event.target) {
              if ($(this).children().is(':hidden')) {
                $(this)
                  .css('list-style-image','url(minus.gif)')
                  .children().show();
              }
              else {
                $(this)
                  .css('list-style-image','url(plus.gif)')
                  .children().hide();
              }
            }
            return false;
          })
          .css('cursor','pointer')
          .click();
        $('li:not(:has(ul))').css({
          cursor: 'default',
          'list-style-image':'none'
        });
      });
    </script>
    <style>
      fieldset { width: 320px }
    </style>
  </head>

  <body>
    <fieldset>
      <legend>Collapsible List &mdash; Take 1</legend>
      <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>
          Item 3
          <ul>
            <li>Item 3.1</li>
            <li>
              Item 3.2
              <ul>
                <li>Item 3.2.1</li>
                <li>Item 3.2.2</li>
                <li>Item 3.2.3</li>
              </ul>
            </li>
            <li>Item 3.3</li>
          </ul>
        </li>
        <li>
          Item 4
          <ul>
            <li>Item 4.1</li>
            <li>
              Item 4.2
              <ul>
                <li>Item 4.2.1</li>
                <li>Item 4.2.2</li>
              </ul>
            </li>
          </ul>
        </li>
        <li>Item 5</li>
      </ul>
    </fieldset>
  </body>
</html>

zhvsby
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
org-mode各种设定
上食埃土，下饮黄泉
07-07 2386
文章目录13.2 Export Settings 输出设定每个后端可用的导出关键字及其等效全局变量包括“OPTIONS”识别以下参数。In-Buffer Settings总结‘#+ARCHIVE: %s_done’‘#+CATEGORY’‘#+COLUMNS: %25ITEM ...’‘#+CONSTANTS: name1=value1 ...’‘#+FILETAGS: :tag1:tag2:tag3:’‘#+LINK: linkword replace’‘#+PRIORITIES: highest low
uni-app常见问题
qq_40669670的博客
11-11 2485
一、uni-app在项目中安装新插件或者升级时，经常会出现运行不了的各种错误： ## npm install 后报错： 1、getPlatformCopy is not a function 解决： npm update（还不行就 npm cache clean --force，npm install） 2、有时可能网络有问题，删掉node_modues多安装几次依赖（或到网络好的地方多安装几次） 二、跨域问题 ## uni-app h5 本地跨域 1.右键打开Chrome桌面快捷方式（已打开的Ch
show_hide
weixin_40321535的博客
11-04 191
import android.support.annotation.IdRes; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentManager; import android.support.v4
show和hide的使用
强者惜字如金，弱者废话连篇！
01-04 910
show和hide的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>show和hide的使用</title> <script src="https://cdn.boo
show()方法和hide()方法
热门推荐
妖怪的博客
03-27 1万+
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none $("element").hide()与$("element").css("display","none")相同 2.当把元素隐藏后,可以使用show()方法将元素diplay样式设置为先前的显示状态 3.show()方法和hide()方法让元素动起来 show()方法和hide()方法在不带任何参数的情况下,相当于css("display","none/block/
hide的隐藏效果
weixin_44549398的博客
09-29 736
这个就是 ‘hide( speed, [callback] )’ 的无动画版。如果选择的元素是隐藏的，这个方法将不会改变任何东西。 例图如下： 上面写的是hide的无动画显示效果的写法。 接下来为就用动画的写法，在show方法括号里面可填一些属性值，比如： speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000) easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear" fn:在动画完成
ng-hide指令
evilcry2012的专栏
08-03 876
常用指令 ng-hide指令，用于控制部分HTML元素不可见(ng-hide="false")和可见状态(ng-hide="true")，如下： ng-app="" ng-init="click=false"> ng-click="click= !click">我变 ng-hide="click">显示了。 ng-hide="!click">隐藏了。 ng-sh
MTK-展讯修改笔记
weixin_43877708的博客
12-07 8989
MTK-展讯修改笔记 1、安装图形化界面： sudo apt-get install git-core git-gui 2、最高等级各种流类型的默认音量值frameworks\base\media\java\android\media\AudioManager.java private static int[] MAX_STREAM_VOLUME = new int[] { 5, // STRE...
Android开发-fragment切换、hide、show、fragmentmanager的基础应用
Kurt的博客
04-01 1084
一、首先创建一个activity，开辟一块帧布局，用来放置fragment，写四个单选按钮用来控制切换。 二、 private MyFragment f1, f2, f3, f4, index; Bundle bundle; FragmentTransaction transaction; FragmentManager manager; RadioGroup rg; （index 总是
declarative-show-hide
03-18
表明，各个站点的选项卡的UI设计差异很大，因此此处的目标是提供选项卡的功能，同时允许开发人员应用适合其审美的样式。 目标 有许多目标，而一个人体工程学的建议可能无法全部实现： 无需使用脚本即可切换元素的...
android-show-hide-toolbar
06-02
显示/隐藏工具栏示例（Google Play 音乐应用的方法） 这是一个示例 Android 应用程序，展示了如何在滚动内容时使工具栏小部件隐藏/显示。 它遵循与 Android Google Play Music 应用程序相同的模式。 这是描述其...
autoic-show-hide-3d-objects
03-08
总结来说，"autoic-show-hide-3d-objects"项目可能是一个使用JavaScript和WebGL技术的3D图形应用，其核心功能是自动控制3D对象的可见性。通过分析和理解压缩包内的"autoic-show-hide-3d-objects-main"文件，我们可以...
Show-Hide Files.app
06-28
这就是`Show-Hide Files.app`的作用，它将这些命令集成到一个易于使用的应用程序中，只需点击一下即可切换显示隐藏文件的状态。 使用`Show-Hide Files.app`时，用户界面应该清晰明了，可能包含一个开关按钮，一键...
jquery-accessible-hide-show-aria：一个简单的jQuery代码，使用ARIA提供可访问的hideshow系统
02-03
**jQuery Accessible Hide-Show ARIA插件** `jQuery Accessible Hide-Show ARIA` 是一个专门为提升网页可访问性而设计的插件，它基于流行的JavaScript库jQuery，并结合了ARIA（Accessible Rich Internet ...
判断控件的状态是显示（SW_SHOW）还是隐藏（SW_HIDE）
DullardFighting
08-01 6300
BOOL IsWindowVisible( HWND hWnd );
jQuery.inArray(value,array)
zhvsby的专栏
10-05 4674
<br /><br /><br />      确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。<br /><br />      返回值：jQuery<br /><br />      参数：<br />      value(Any) :用于在数组中查找是否存在。<br />      array(Array) :待处理数组。<br /><br />      示例：<br />      删除重复 div 标签。<br />      jQuery 代码:<br />       程序代
对数组进行筛选
zhvsby的专栏
10-05 2590
<br />$.grep(array,callback,invert)<br />使用过滤函数过滤数组元素。<br />      此函数至少传递两个参数：待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。<br /> invert(Boolean) :(可选) 如果 "invert" 为 false 或为设置，则函数返回数组中由过滤函数返回 true 的元素，当"invert" 为 true，则返回过滤函数中返回 false 的元素集。<br /><br />若想要筛
JQuery---toggleClass()
zhvsby的专栏
09-26 2484
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br />  <head><br />    <title>Disco Zebra Stripes!</title><br />    <script type="text/javascript" src="../scripts/jquery-1.2.1.js"><br />    </scr
qt 界面切换this->hide
最新发布
06-08
这段代码的作用是隐藏当前的窗口，并切换到下一个窗口。...在实际应用中，可以根据具体的需求来设计窗口的切换逻辑，例如使用QStackedWidget来管理多个窗口，通过setCurrentIndex()函数来切换窗口。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值