简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > JS Tutorial > body text

jQuery仅用3行代码实现的显示与隐藏功能完整实例_jquery

WBOY
Release： 2016-05-16 15:37:20
Original
1182 people have browsed it

本文实例讲述了jQuery仅用3行代码实现的显示与隐藏功能。分享给大家供大家参考。具体如下：

jQuery技术相当好使用，的确可以用很少的代码实现想要的功能，比如这款经常用到的“显示”与“隐藏”的功能，只需要3行代码就实现了，确实够给力。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-simple-hide-show-style-demo/

具体代码如下：





3行代码实现显示与隐藏






 

  
tab1

  
显示

  
详细说明：今天你要嫁给我嘛~

 

 

  
tab2

  
显示

  
详细说明：北京、上海四日游

 

 

  
tab3

  
显示

  
详细说明：河南是华夏文明的根源
Copy after login

希望本文所述对大家的jQuery程序设计有所帮助。

Related labels：
jquery show hide
source：php.cn
Previous article：Jquery中使用show()与hide()方法动画显示和隐藏图片_jquery Next article：JS实现的文字与图片定时切换效果代码
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute <divclass='p1'data-location='1'></div> I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！