js点击标题展示内容，再次点击标题关闭内容

最新推荐文章于 2022-08-23 20:09:36 发布

guduershi

最新推荐文章于 2022-08-23 20:09:36 发布

阅读量975

点赞数

分类专栏： web前端文章标签： javascript

本文链接：https://blog.csdn.net/guduershi/article/details/78782311

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	function show_content(ids){
		var content=document.getElementById("content"+ids);
		content.style.display = (content.style.display == 'none')?'':'none';
	}
</script>
 <body>
		
		<div class="info ">
			<div class="li">
				<h3 class="title"><i class="iconfont" style="color: #e9b824"></i>标题</h3>
				<ul class="List productListPay">
				<%
                	for(int i=0;i<list.size();i++){ 
                		InsuranceNoticeObj obj = list.get(i);
                %>
					<li><span οnclick="show_content(<%=i %>)"><i>• </i><%=obj.getPrd_items_responsibility()==null?"":obj.getPrd_items_responsibility() %></span></li>
					<li><span id="content<%=i %>" style="display:none"><%=obj.getPrd_items_content()== null?"":obj.getPrd_items_content() %></span></li>
				<%} %>
				</ul>
			</div>
			
		</div>
</body>