请问一下。我想用html、css写出这种效果。点击展开，下面那一行就展开，再点击就收缩回去。怎么写啊？？

还有这是手机上用的哈谢谢
o

举报该问题

第1个回答 2015-07-15

css一般处理鼠标移动显示事件，利用:hover很方便就能实现。
点击事件的话，一般跟JS配合。
显示隐藏，一般都是利用display这个CSS来控制，因为它隐藏的时候不占位置。追问

谢谢明白了

第2个回答 2015-07-15

用js写吧给点击展开一个onclick事件，然后设置两个样式一个open一个close，事件里判断当前样式，若是close，就先removeClass（close），然后addClass(open)；若是open，同理追问

谢谢

本回答被提问者采纳

相似回答

html鼠标经过自动展开和点击展开代码。答：1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。2．在页面上写nav标签，放入三个超链接（首页，第一栏，第二栏），代码如下。3．运行代码，效果如下。4．使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。5．运行代码，效果...

html页面里面如何实现点击小图放大查看大图答：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<style>标签中，输入css代码：div {width: 72px;height: 72px;background: url(small3.png) no-repeat;overflow: hidden;} 3、浏览器运行index.html页面，此时成功将矩形图片只显示了正方形部分。4、点击小图后，成...

html编写伸缩框,就是带三角的那种点击伸展,再点击收缩,求代码。答：<!doctype html><html lang="en"><head><meta charset="utf-8" /><title>jQuery UI Accordion - Default functionality</title><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1...

如何用css或js设置如下图的样式,当点击的时候出现下拉菜单,显示里面...答：css:.show{ display:none;} js:var isClick=true;(".p").click(function(){ if(isClick){ (".show").css("display","block");isClick=false;}else{ (".show").css("display","none");isClick=true;} })思路，要显示的内容用一个div包住，当你点击基础的时候，div显示，再点击时...

html如何让点击后隐藏的内容改为默认隐藏点击后展开,在线等!答：html标签默认隐藏点击后展开：在div中添加（style="display:none"）属性即可。打开浏览器重新刷新页面，其结果为：点击调查内容。其结果为：

HTML页面,我想制作一个点击图片全屏放大,再点击就恢复大小的效果,用...答：附件是一个简单的点击放大的效果, 你可以看一下

大家正在搜

html怎么引用css css和html怎么连接怎么把css嵌入到html 写出标准的html5页面结构 css怎么用 html js css html css js 区别 html css js的关系 html css js网页设计

div+css中加号展开减号收缩的效果怎么写

如何用HTML、CSS3和JavaScript做出下图的展开...

HTML/CSS 点击文字展开图片,如图所示

请问html+css文字怎么放在小图标下面，要连在一起的写法...

HTML页面，我想制作一个点击图片全屏放大，再点击就恢复大小...

html鼠标经过自动展开和点击展开代码。

如何用Jquery实现DIV由下向上展开的效果？

请问怎么做出这样的html页面 css样式，点击加号后展开更...