제이쿼리 감추고 숨기는거 질문합니다 ㅠ
-
- A : 내용
-
- A : 내용
-
- A : 내용
#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 으로 설정하신후
이미지에다가 보여주는 액션을 설정해주시면 됩니다.
예를 들면
</p><p><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></p><p><script>
$(document).ready(function() {
$("#img01").click(function() {
$("#content01").show();
});
});
</script></p><p>
위와 같은 형식으로 처리 하시면 될 것 같네요..
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인