제이쿼리 감추고 숨기는거 질문합니다 ㅠ
본문
<ul id="interview_page">
<li id="page_01">
<img src="images/interview01.png" />
</li>
<ul class="sub">
<li class="interview01">
<span>A :</span> 내용
</li>
</ul>
<li id="page_02">
<img src="images/interview03.png" />
</li>
<ul class="sub">
<li class="interview01">
<span>A :</span> 내용
</li>
</ul>
<li id="page_03">
<img src="images/interview04.png" />
</li>
<ul class="sub">
<li class="interview01">
<span>A :</span> 내용
</li>
</ul>
</ul>
#interview_page { position:absolute; width:284px; height:285px; margin-left:-19px; margin-top:-15px; }
#interview_page #page_01 { cursor:pointer; line-height:41px; }
#interview_page > li#page_01 img { }
#interview_page > .sub { padding:10px; display:none;}
.sub span { font-weight:bolder; }
.about_sub_conts #interview_page .sub> li.interview01 { position:absolute; left:10px; top:41p
안녕하세요 저는 독학하고 있는 코딩초보입니다 제가 한 코딩입니다 ㅠ 지금 ㅍㅔ이지를 만들고있는데 인터뷰 이미지3개가 보이고 그중 이미지 하나씩 클릭하면 내용이 나오게끔 하고싶습니다 근데 어떻게 코딩을 해야될지 몰라서 애먹고 있네요 ㅠ 어떻게 해야될까요 ㅠ 고수님들 도움좀 주시면 정말 감사하겠습니다 ㅠㅠ
답변 1
일단 설명 부분을 display:none 으로 설정하신후
이미지에다가 보여주는 액션을 설정해주시면 됩니다.
예를 들면
<li id="page_01">
<img src="images/interview01.png" id="img01"/>
</li>
<ul class="sub">
<li class="interview01" id="content01" style="display:none">
<span>A :</span> 내용
</li>
</ul>
<script>
$(document).ready(function() {
$("#img01").click(function() {
$("#content01").show();
});
});
</script>
위와 같은 형식으로 처리 하시면 될 것 같네요..
