◆ 게시판 리스트 - [이름] 클릭 시 - 레이어 메뉴 띄우기 > JSP

<style>

div {

background-color:gray;

color:white;

position:absolute;

z-index:2;

}

</style>

<table border=1>

<tr>

<td>SUBJECT</td>

<td>NAME</td>

<td>DATE</td>

</tr>

<%for(int i=0; i<5; i++){%>

<tr>

<td>제목...</td>

<td onclick="layer_up(<%=i%>)" style="cursor:pointer">

홍길동

<div id="lay_div[<%=i%>]"  style="display:none;">

<span onclick="alert('쪽지')">쪽지 보내기</span><br>

<span onclick="alert('소개')">자기 소개</span>

</div>

</td>

<td>2023-02-15</td>

</tr>

<%}%>

</table>

<script>

function layer_up(num){

if(document.getElementById("lay_div["+num+"]").style.display == "none"){ //비 활성화

document.getElementById("lay_div["+num+"]").style.display = "block";

}else{

document.getElementById("lay_div["+num+"]").style.display = "none";

}

}

</script>

==실행화면==