div 컨텐츠 열기 / 닫기 구현

살려주세여 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2021.03.31 18:00:01 조회 1939 (106.♡.♡.20)

본문

사진처럼 리스트가 있구요 닫기버튼을 누르면 밑에있는 리스트들이 닫혀지고

리스트가 닫혀지면 내려간 상태에서 열기버튼을 누르면 다시 리스트가 올라오는 것을 구현하고 싶습니다

리스트 갯수가 많아지면 오른쪽에서 스크롤도 구현하고 싶은데 도와주시면 감사하겠습니다



<div class="fix_inko" style="display: none;">
	<a href="#none" class="cmpr_close2 gtm-tracking"><span>열기</span></a>
</div>

<div class="fix_inko">
	<a href="#none" class="cmpr_close2 on gtm-tracking"><span>닫기</span></a>

	<table class="inko_list" id="table"> 
		<colgroup>
			<col width="8%">
			<col width="22%">
			<col width="47%">
			<col width="2.5%">
			<col width="2.5%">
			<col width="10%">
			<col width="8%">
			<col width="">
		</colgroup>
		<thead>
			<tr>
				<th>접수일자</th>
				<th>사이트명</th>	
				<th>유지보수 내역</th>	
				<th>개발</th>	
				<th>디자인</th>	
				<th>비고</th>	
				<th>완료일자</th>
				<th>관리</th>
			</tr>
		</thead>
		<tbody>
		<?	while ($row = sql_fetch_array($result)){?>
				<form name = "smpList<?=$row['smp_id']?>" id = "smpList<?=$row['smp_id']?>" method = "post" action = "./inkorea_action.php" autocomplete="off">
					<input type="hidden" name="Operation" value="EDIT">
					<input type="hidden" name="work_p" id="work_p<?=$row['smp_id']?>" value="<?=$row['work_p']?>">
					<input type="hidden" name="work_d" id="work_d<?=$row['smp_id']?>" value="<?=$row['work_d']?>">
					<input type="hidden" name="smp_id" value="<?=$row['smp_id']?>"> 
			<tr>
				<td><?=$row['date'] ?></td>
				<td><?=$row['site_name']?></td> 
				<td><?=$row['content']?></td>
				
				<td><?if($row['work_p']=="N"){?><a  href="javascript:onclick1(<?=$row['smp_id']?>,'Y');"  class="btn blueButton">작업완료</a>
					<?}else{?>
					작업완료
					<?}?>
					</td>
				
				<td><?if($row['work_d']=="N"){?><a  href="javascript:onclick2(<?=$row['smp_id']?>,'Y');"  class="btn blueButton">작업완료</a>
					<?}else{?>
					작업완료
					<?}?>
					</td>
				<td><textarea name="memo" type="text" class="txt frm_input" style="width:100%;line-height:100%;" rows="8"> <?=$row['memo']?></textarea></td>
				<td><?if($row['work_d']=="Y" && $row['work_p']=="Y"){?><?=$row['complet_date']?><?}else{?>-<?}?></td>
				<td><a  href="javascript:updateArticle(<?=$row['smp_id']?>);"  class="btn blueButton">수정</a></td>	
			</tr>
		</form>
	<?}?>
		</tbody>
	</table>
</div>

소스 올립니다 자그마한 웹에이전시 신입이라 잘 몰라서 구현하고 싶은 내용을 최대한 구체적으로

적었습니다 도와주시면 감사하겠습니다