文章详情页
javascript - html5显示隐藏
问题描述
html5怎样做到点击列表项,在此项下方显示问题,点击问题,在问题下方显示答案?再次点击问题,隐藏答案。
问题解答
回答1:用JS来控制样式啊 你想做出改变的区域 如果为显示状态 就改变为隐藏 如果是隐藏就改变为显示状态 用display:none
回答2:<style>.hidden{display:none;}</style><p class='liebiao'>所有问题</p><ul class='list_ul hidden'>
<li> <p>问题一</p> <p class='answer hidden'>问题答案</p></li>
</ul>$('.liebiao').click(function(){
$('.list_ul').show();
});$('.list_ul li').click(function(){
$(this).find('.answer').toggle();
});
标签:
JavaScript
相关文章:
1. javascript - 引入 simditor,但是显示标签,这个怎么解决。2. docker api 开发的端口怎么获取?3. android - 目前有哪些用Vue.js开发移动App的方案?4. cas项目起个名字5. javascript - js写一个递归把数据结构重组成另外的结构6. python - scrapy获取网页指定内容,后翻到下一页继续,固定循环次数。。问题7. apache - 装上IIS后WAMP就不能用了8. javascript - 仿着echarts官网的地图做了个例子,但是只显示出来了地点,没有画出飞机动态效果??急9. java - android studio的安装路径问题10. background属性顺序?
排行榜
![javascript - 引入 simditor,但是显示标签,这个怎么解决。](http://www.haobala.com/attached/image/news/202305/122205ebf8.jpg)