（HTML、JavaScript？）有一段文字，如何实现“收缩”不显示、点击才显示？
（HTML、JavaScript？）有一段文字，如何实现“收缩”不显示、点击才显示？比如有标题1（详情点击显示）内容1内容1内容1其实，这些内容是在一篇文章中，但默认只显...
（HTML、JavaScript？）有一段文字，如何实现“收缩”不显示、点击才显示？
比如有
标题1（详情点击显示）
内容1内容1内容1
其实，这些内容是在一篇文章中，但默认只显示“标题1（详情点击显示）”，如果读者对“标题1”的内容感兴趣，只要点击它，就会将“内容1内容1内容1”显示出来，我知道“JavaScript下拉菜单”，不知道是否能类似“JavaScript下拉菜单”那样来展示我的内容？（因为文章内容比较长，要将重点（即段落标题）显示出来，若读者感兴趣再点击查看，否则内容太长可能会引起读者的反感）
如果可以，请给一下代码，非常感谢！ 展开
比如有
标题1（详情点击显示）
内容1内容1内容1
其实，这些内容是在一篇文章中，但默认只显示“标题1（详情点击显示）”，如果读者对“标题1”的内容感兴趣，只要点击它，就会将“内容1内容1内容1”显示出来，我知道“JavaScript下拉菜单”，不知道是否能类似“JavaScript下拉菜单”那样来展示我的内容？（因为文章内容比较长，要将重点（即段落标题）显示出来，若读者感兴趣再点击查看，否则内容太长可能会引起读者的反感）
如果可以，请给一下代码，非常感谢！ 展开
展开全部
<html>
<style type="text/css">
<!--
.p1 {
cursor:hand;
}
-->
</style>
<body>
<div class="p1" id="p1" onClick="javascript:document.getElementById('c1').style.display=document.getElementById('c1').style.display==''?'none':''">标题：大姨妈</div>
<div id="c1" style="display: none">
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>
<div>其他其他其他</div>
<div class="p1" id="p2" onClick="javascript:document.getElementById('c2').style.display=document.getElementById('c2').style.display==''?'none':''">标题：大姨妈2</div>
<div id="c2" style="display: none">
2内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>
</body>
</html>
有手了。
<style type="text/css">
<!--
.p1 {
cursor:hand;
}
-->
</style>
<body>
<div class="p1" id="p1" onClick="javascript:document.getElementById('c1').style.display=document.getElementById('c1').style.display==''?'none':''">标题：大姨妈</div>
<div id="c1" style="display: none">
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>
<div>其他其他其他</div>
<div class="p1" id="p2" onClick="javascript:document.getElementById('c2').style.display=document.getElementById('c2').style.display==''?'none':''">标题：大姨妈2</div>
<div id="c2" style="display: none">
2内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
</div>
</body>
</html>
有手了。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
