点击同一处显示与隐藏

HTML

<a href="javascript:void()" onclick="show()">点击此处显示或隐藏</a>
<div id="hoary" style="display:none">可以隐身可以显示。</div>

JS

<script type="text/javascript">
function show(){
document.getElementById("hoary").style.display=document.getElementById("hoary").style.display==‘‘?‘none‘:‘‘;
}
</script>

原文地址:https://www.cnblogs.com/gyc51/p/8137222.html

时间: 2024-11-02 15:59:36

点击同一处显示与隐藏的相关文章

李洪强iOS开发之-实现点击单行View显示和隐藏Cell

李洪强iOS开发之-实现点击单行View显示和隐藏Cell 实现的效果:  ....

js实现密码框的点击眼睛的显示与隐藏

密码框的点击眼睛的显示与隐藏,图标引用是bootstrap中的fontawesome (复制整个 font-awesome 文件夹到您的项目中) 还需要引入 <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="Fo

封装一个tab思想方法实现点击的时候显示或隐藏效果

代码实现: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> tab方法 </TITLE> <meta charset="utf-8" /> <script src="jquery-1.11.3.min.js"></script> &

小程序之按钮点击之后,显示和隐藏切换

wxml <navigator bindtap='share' hover-class="none"> <view class=''>分享乐活 <image class='fr' src='/img/arrorw.png'></image> </view> </navigator> <view class='share' wx:if="{{shareshow}}"> <view

jQuery如何实现点击下拉菜单的隐藏和显示

jQuery如何实现点击下拉菜单的隐藏和显示:在众多的网站都有这样的效果,那就是点击一个父菜单就会显示下拉子菜单,再点击父菜单,那么子菜单就会隐藏,下面就简单介绍一下如何实现此中效果.这里只介绍如何使用jQuery实现此效果,暂且不考虑效果的美观度,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" co

点击显示或隐藏列表

素材: <!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="Cont

点击按钮显示或隐藏图片

<!-- 一种简单的方法 jquery的show/hide也可以 或者jquery中的toggleClass()方法 --> <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击显示或隐藏图片</title> <style> .show{ display: block; } .hide

JS实现点击参数面板按钮显示或隐藏数据

当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据.如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据. 打开报表 在参数面板添加一个标签控件,控件名为lable,设置标签控件不可见,控件值为"显示". 在参数面板添加一个按钮控件,控件名为button,控件值为"只显示合计数据",并添加点击事件. 编辑点击事件,添加下面的JavaScript代码: /*获取隐藏的标签控件的值*/ var la

Jquery 同个类名中点击的显示其他隐藏的效果

页面的DOM结构如下: <tr> ...... <td><a href="javascript:void(0)" class="c_detail2">查看详情</a></td> </tr> <tr class="detail2"> <td class="intro" colspan="7"> ...... <