【怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来.】的更多相关文章

通过js或jq增加的代码，点击事件或其他一些事件不起作用时

通过js或jq增加的代码,点击事件或其他一些事件不起作用时,可使用 $(document).on("click",".noshow",function() { $('.con10').fadeOut(); $(".noshow").attr("class","show"); });…

jquery实现点击展开列表同时隐藏其他列表 js 对象操作 对象原型操作 把一个对象A赋值给另一个对象B 并且对象B 修改 不会影响 A对象

这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现点击展开列表同时隐藏其他列表.分享给大家供大家参考.具体如下: 这里使用jquery实现展开.隐藏特效,点击列表标题后该项内容展开,其它项收缩起来,也就是不显示了.个人喜好了,有的喜欢在默认状态下不显示其它选项的内容,这个就是这种情况,仅供参考吧. 运行效果截图如下: 具体代码如下: ? 1 2 3 4…

js 点击展开、收起

//点击展开.收起 window.onload=function(){ var current=document.getElementsByTagName('li')[0]; document.body.addEventListener('touchend', function(e) { var src = e.target; var reg = /toggle/gi; var upReg = /up/gi; if(reg.test(src.className)) { src.className…

vue.js 实现点击展开收起动画

最近公司项目加了个页面,其中要求是这样的,点击对应列表,展开和收起, 其实就是显示和隐藏内容部分:说来惭愧,我花了半天时间才搞出来(自黑一下~), ,,接下来分享给大家,先上效果图: .vue页面: <template> <div class="dealRecord-wrap"> <div class="title-contant" v-for="(item,index) in items " > <di…

--@angularJS--指令之单个点击展开demo

1.expander.html: <!DOCTYPE HTML><html ng-app="app"><head>    <title>单击展开demo</title>    <meta charset="utf-8">        <link rel="stylesheet" href="../css/bootstrap.css">    …

js模拟jq获取id

js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模拟jq的点击效果</title> <style> * {margin: 0; padding: 0;} #btn {display:block;height: 30px; width:…

antd的Tree控件实现点击展开功能

antd 的 Tree 控件没有提供点击展开的功能,只能通过左边的三角形实现展开和收起,没办法只好自己实现这个功能. 先看效果 如图实现的是类似 Mac 文件目录形式的结构,有箭头代表是个文件夹,点击展开文件夹,点击外层文件夹可以收起整个文件夹. 首先根据服务器返回的 Json 数据生成树形结构 const data = { name: "root", children: [{ name: "a", value: "/a", children:…

HTML、CSS、JS、JQ速查笔记

  一.HTML  1.编写html文件 a.格式 <!DOCTYPE html> <html> <head> <title>标题</title> </head> <body> <!-- 内容 --> </body></html> b.注释 <!-- 注释内容 --> 2.标签分类 a.自闭合标签 <meta charset="UTF-8">…

JS、JQ相关小技巧积攒

JS.JQ相关小技巧积攒,以备不时之需. 1.js 获取时间差:时间戳相减.new Date().getTime()  获得毫秒数,除以(1000*60*60*24) 获得天数. 2.重定向操作:页面重定向:window.location.href="http://..."即可(本页页面跳转). 3.js立即执行函数,window.onload = function, $(document).ready({})区别 以及 执行时机 以及 先后顺序. 4.前台form表单的提交方式有很多…

Vue 实现点击展开收起

Vue 展开收起功能实现 之前写项目的时候提到了一个需求 展开/收起 所有内容的需求 .因之前一值是重构,自己写功能还是比较少的,于是网上搜了一下,发现很多东西其实是jq的功能 虽然可以拿过来用,但是还是想使用vue 写出原汁原味的模块 demo: <div :class="is_show ? 'new_detail' : 'work_detail'"> <!-- 这里是操作的div 包含的文字 --> <!-- 这里的is--show 就是true/fa…