<html>
Copy
<div class="semo">
<img id="oki" src="<?=G5_THEME_URL?>/img/business/tri.png">
</div>
<div class="peo">
<img src="" alt="do">
</div><javascript>
Copy
$(document).ready(function(){
$("#oki").click(function(){
$(".peo").toggle();
});
});
</script>초기값은 아무것도 안보이게하고
이렇게하면 #oki를 누를때마다 .peo가 펼쳤다 접혔다하는데
혹시 펼쳤다 접혔다할때마다 .peo뿐만아니라 #oki의 이미지도 바뀌게 만들려면 어떻게 해야될까요?
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2019-09-04 (수) 20:14:02
Copy
<script>
$(document).ready(function(){
$("#oki").click(function(){
$(".peo").toggle();
myTmp = $("#oki").attr('src');
$("#oki").attr('src', $("#oki").attr('tmp_src') );
$("#oki").attr('tmp_src', myTmp );
});
});
</script>
<div class="semo">
<img id="oki" src="https://upload.wikimedia.org/wikipedia/commons/thumb/archive/3/35/20050428182835%21Capri_Lazurowa_Grota.JPG/120px-Capri_Lazurowa_Grota.JPG" tmp_src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Isola_di_capri.jpg/120px-Isola_di_capri.jpg">
</div>
<div class="peo" style="display:none;">
<div style="border:8px solid blue; padding:10px;">
초기값은 아무것도 안보이게<br>
#oki를 누를때마다 .peo가 펼쳤다 접혔다<br>
~할때마다 #oki의 이미지도 바뀌게
</div>
</div>
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.