`
hoary20
  • 浏览: 138002 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

点击同一按钮显示或者隐藏内容

阅读更多
javascript:document.getElementById('hoary').style.display=document.getElementById('hoary').style.display==''?'none':''
当document.getElementById("hoary").style.display=''
时候, id为"hoary"的页面元素显示。
当document.getElementById("hoary").style.display='none'
时候, id为"hoary"的页面元素隐藏。
document.getElementById('hoary').style.display==''?'none':''表示当display等于''时候则给它赋值'none'
当display等于'none'时候则给它赋值''
这样就实现了单击同一元素可显示或者隐藏某个页面元素内容的功能。

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


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





分享到:
评论

相关推荐

    jquery-同一按钮实现不同按钮

    本示例“jquery-同一按钮实现不同按钮”着重展示了如何利用jQuery来实现一个按钮根据用户点击次数执行不同功能的效果,特别是在动画和用户交互方面的应用。 首先,我们来理解这个例子的核心思想。在网页开发中,...

    在一个窗体的同一位置加载不同的内容

    1. **动态创建和销毁控件**:在窗体的同一位置显示不同内容,首先需要掌握动态创建和销毁控件的技术。这意味着在需要时创建控件,不需时将其移除。例如,可以通过`new`关键字实例化一个新的控件,然后使用`Controls....

    jquery点击按钮隐藏父页和引用页的iframe

    例如,你可能希望在隐藏`iframe`后显示一条消息,或者在重新显示`iframe`时提供一个选项。这些可以通过扩展上述代码来实现。 在提供的压缩包文件中,"jquery_点击按钮_隐藏父页-引用页的iframe"可能包含了示例代码...

    点击后按钮消失.rar

    1. **检查代码逻辑**:审查按钮显示/隐藏的代码,确保它在正确的条件和时机下执行。 2. **调试异步操作**:如果涉及网络请求,确保异步操作完成后按钮状态得到正确更新。 3. **修复状态管理**:在状态管理库中确保...

    wincc画面图层的隐藏显示

    5. **事件驱动编程**:在VBS中,可以利用WinCC的事件机制,如按钮点击事件,来触发图层的隐藏和显示,实现动态交互。 6. **文件“LayerVisible”**:这可能是一个包含VBS代码的文件,用于控制图层的可见性。通常,...

    Excel 2021怎么隐藏显示和修改删除.docx

    - 这个过程是可逆的,只需再次点击同一按钮,就能在显示和隐藏之间切换。 2. **编辑单元格批注** - 要编辑已有的批注,首先要选定含有批注的单元格,然后同样在“审阅”选项卡的“批注”组中点击“编辑批注”。 ...

    点击图标按钮浮动展开.zip

    5. **用户体验优化**:确保浮动层的关闭可以通过再次点击同一图标或点击页面其他地方来实现,这需要添加额外的事件监听和处理逻辑。 "点击图标按钮浮动展开"的这种功能在许多网页场景中都能看到,例如登录注册、...

    JS 隐藏同级的元素后只显示JS文件

    标题“JS隐藏同级的元素后只显示JS文件”指的是使用JavaScript编程语言来实现一个功能,即在HTML文档中,当用户操作时(比如点击某个按钮),隐藏同一层级的所有元素,然后只显示与该操作相关的JavaScript文件内容。...

    同一页面多个点击按纽滚动图片效果

    在网页设计中,实现“同一页面多个点击按钮滚动图片效果”是一种常见的交互设计,它可以提升用户的浏览体验,尤其是在展示多张图片或者产品细节时。这种效果通常由HTML、CSS和JavaScript三者协同工作来完成。这里...

    Win7系统技巧-显示隐藏文件的操作步骤.docx

    在Windows 7操作系统中,有时候为了保护个人隐私或者某些特殊需求,用户会选择将特定的文件或文件夹设置为隐藏状态。然而,一旦隐藏了这些文件,对于不太熟悉系统设置的人来说,找回它们可能会变得有些棘手。这篇...

    Win8设置任务栏图标合并或者隐藏效果.docx

    - 在下拉菜单中,可以选择不同的任务栏按钮显示方式,其中包括“合并或隐藏”选项。 - 选中“合并或隐藏”,然后点击“确定”按钮保存设置。 #### 二、任务栏图标“从不合并”效果 与“合并或隐藏”相对,“从不...

    切换方式-1掩藏切换:独立界面切换 切换方式-2同一界面切换:基于同一界面切换

    当用户触发切换事件(如点击按钮)时,当前界面会被隐藏(hide()方法),而下一个界面则被显示(show()方法)。这种方法的优点是各界面之间互不影响,可以保持各自的状态。然而,这种方式可能会消耗更多的系统资源,...

    jquery网站右下角悬浮广告带关闭按钮.rar

    - 添加用户交互反馈,如关闭广告后显示提示信息,或者在一段时间内不再显示同一广告。 总结,这个压缩包中的内容是一个使用jQuery实现的具有高度兼容性的网站右下角悬浮广告设计,包括关闭按钮和自动消失功能。通过...

    控制工具栏的按钮组

    1. **动态显示/隐藏按钮**:根据用户的权限或应用状态,可以动态地显示或隐藏某些按钮,这通常通过编程逻辑实现,比如响应事件或设置按钮的可见性属性。 2. **按钮状态切换**:例如,某些按钮可能在特定条件下被...

    126邮箱TAB效果(同一页面可多次使用).rar

    3. CSS样式:为了美化TAB效果,可能包含一些CSS代码,用于设置TAB按钮的样式、选中状态、以及内容区的显示隐藏等。 在压缩包的文件名称列表中,由于只给出了"40",我们无法直接得知具体文件的信息。通常情况下,一...

    如何在Win8中设置是否合并或者隐藏标签.docx

    设置好后,记得点击对话框下方的“确定”或“应用”按钮,以保存你的更改。更改立即生效,你可以马上看到任务栏上的效果变化。 总的来说,这个设置提供了对任务栏显示方式的个性化定制,使得用户可以根据自己的习惯...

    标签页滚动点击

    7. **JavaScript与CSS的应用**:实现这种功能通常涉及到JavaScript编程,用于处理用户的滚动和点击事件,以及更新显示的内容。CSS则用来控制标签页的样式和布局,确保视觉效果的一致性。 8. **性能考虑**:虽然标签...

    GoHide绿色破解版(亲测可用可保存)已设置F10按键

    可以在任何需要的时候按热键就可以使指定的正在运行的程序窗口隐藏起来,但是被隐藏的程序还是继续运行,不会被关闭或者终止,用户只需按下相同的热键就可以显示这些被隐藏的程序。 软件介绍 要隐藏窗口时,只要...

    EXCLE 2010教程

    再次点击同一按钮或者将鼠标悬停在功能区上即可重新显示。 通过以上介绍,我们可以看出 Excel 2010 是一款非常强大且功能全面的电子表格软件,不仅提供了基础的数据处理功能,还支持复杂的公式计算、图表制作以及...

    Image切换三种效果【自动、点击、滑动】

    首先,将所有图片设置为同一位置但通过CSS隐藏除第一张之外的图片,然后定时器每隔一定时间(如3秒)调整图片的z-index或opacity,使下一张图片显示出来。这种方式需要考虑动画的平滑性,可以使用CSS3的动画库如...

Global site tag (gtag.js) - Google Analytics