问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

js和css怎么实现收缩和展开?

发布网友 发布时间:2022-05-05 22:55

我来回答

2个回答

热心网友 时间:2022-04-20 11:15

给你举个例子:
<script language="javascript">
function show_div(){
var obj_div=document.getElementById("starlist");
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';
}
function hide_div(){
var obj_div=document.getElementById("starlist");
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';
}
</script>

<a href="javascript:show_div()" >显示/展开</a>
<div id="starlist">
内容<br/>
内容<br/>
内容<br/>
内容<br/>
</div>
这样就可以实现
追问
用jQuery实现,该怎么实现?就是不能弹出的那种,就要一个点击了之后就在下方显示的那种,谢谢!

回答
<!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="Content-Type" content="text/html; charset=gbk" />
<title>StripingTable</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){ });

function changeDisplay(){
var helloDivObj = $("#helloDiv");
var buttonObj = $("#btnDisplay");
var val = buttonObj.attr("value");
if(val=="隐藏"){
helloDivObj.hide();
buttonObj.attr("value","显示");
}else{
helloDivObj.show();
buttonObj.attr("value","隐藏");
}
}
-->
</script>
</head>
<body>

<input id="btnDisplay" type="button" value="隐藏" onclick="changeDisplay()"/>
<div id="helloDiv">
Hello,everyone<p></p>
Hello,everytwo<p></p>
Hello,everythree<p></p>
</div>
</bdoy>
</html>

热心网友 时间:2022-04-20 12:33

<script language="javascript">
function show_div(){
var obj_div=document.getElementById("starlist");
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';
}
function hide_div(){
var obj_div=document.getElementById("starlist");
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';
}
</script>

<a href="javascript:show_div()" >显示/展开</a>
<div id="starlist">
内容<br/>
内容<br/>
内容<br/>
内容<br/>
</div>
这样就可以实现追问用jQuery实现,该怎么实现?就是不能弹出的那种,就要一个点击了之后就在下方显示的那种,谢谢!

追答

StripingTable

Hello,everyone

Hello,everytwo

Hello,everythree

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
品牌榜:2024年皮草十大品牌排行榜 投票结果公布【新】 木香顺气丸的功效与作用我头几年生了一点小气,从那以后就胸闷气短,睡 ... 木香顺气丸怎么样 木香顺气丸的功效与作用 配音时气声太重怎么解决,首先可以考虑把麦克风距离调整好 我微信被骗钱了然后他把我微信也拐走了怎么办? 我微信被骗了,他把我微信号注销了,可里面还有钱啊! ...号注销了,可里面还有钱啊!显示未注册我也把微信删了怎么办?_百度知 ... 华为儿童手表3使用教程 防火防水防摔到晚上亮的的手表(防水防摔的电话手表) 悲白发是什么意思? 如何用javascript实现点一下显示,再点一下就关闭。 穿西装不打领带正式吗? jquery或者JS如何实现“点一按钮展开当前列同时关闭其它列” 惠普的笔记本电脑有蓝牙功能吗?耐心回答下! 工作面试,要求我着正装,请问不打领带可以吗(急急) 穿西装不打领带,领结,合适吗?为什么成了现在的主流穿法? 用javascript写一个单击菜单展开子菜单,单击其他菜单关闭已展开的子菜单... js 展开关闭 谁帮我写一下js, 点击展开,再点击关闭。 求企业党建工作创新思路文章一篇,谢谢! &quot;注重宣传 营造党建氛围&quot;文章怎么写拜托了各位 谢谢 金毛能当土狗养吗? 写一篇有关团建和党建的文章 最好用什么话题 关于建国60周年的板报100字左右 金毛与土狗 金毛犬可以跟土狗交配吗 怎么区别小金毛和小土狗?求详细点的·· 优酷录屏为什么用不了那个游戏录屏按了没有反应。 什么是党建工作?什么是党建工作的调研文章? 建国手抄报内容 惠普的笔记本电脑有蓝牙功能吗? js代码问题,求大神解答。。初学js。。老师布置的作业。 求一个循环点击展开关闭的JS 请问我的惠普笔记本有没有蓝牙功能 求javascript仿面向对象编程实例代码(简单明了的,呵呵~) photoswipe js怎么调用关闭方法 惠普probook 6460b笔记本电脑是否带有蓝牙功能 招联好期贷是属于高利贷吗? 口袋妖怪绿宝石495神兽分布 口袋妖怪究极绿宝石5.3六只神兽鸟在哪里 口袋妖怪绿宝石中的神兽在哪 传奇客户端,13周年下载完整版在那里可以下载? 传奇客户端13周年下载完整版 口袋妖怪绿宝石全神兽地点 口袋妖怪绿宝石怎么抓 谁有13周年的热血传奇客户端啊,传我一下吧 盛大传奇的十三周年客户端还能下载吗 谁有13周年的热血传奇客户端啊,传我一下吧? 口袋妖怪绿宝石神兽 求热血传奇13周年客户端 口袋妖怪绿宝石神兽在哪儿抓?