1. 程式人生 > >js點選標題展示內容,再次點選標題關閉內容

js點選標題展示內容,再次點選標題關閉內容

<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 onclick="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>